WOODWING STUDIO
2023.10
OVERVIEW
株式会社VPJのオンライン編集・配信システム「Woodwing Studio」の製品サイト制作を担当しました。この多機能なシステムの特長をユーザーにわかりやすく伝えるため、必要な情報に容易にアクセスできるレイアウトを意識して設計しました。
デザイン制作は、担当者から提供された大まかなワイヤーフレームを基に進めました。CSS設計にはFLOCSS+BEMのカスタムを採用し、SCSSで記述し、Webpackでバンドルしています。
制作したページは合計5ページで、トップページ1枚と下層ページ4枚です。すべてのページはレスポンシブ対応しており、CMSへの組み込み、本番反映まで担当しました。
Woodwing studio
※現在はデザイン変更されております
SCOPE
ワイヤーフレーム考案 / デザイン制作 / HTML&CSSコーディング / JSコーディング / CMSへ組み込み / 本番アップ
TOOLS
Figma / Photoshop / Webpack / HeartCore