薬剤師向けAI在庫管理・自動発注システムLP
課題・背景
Figmaで支給されたデザインカンプを4日間という短期間で正確に再現することが求められた。情報量の多いLPをレスポンシブ対応しながら、デザインの意図を崩さずにコードへ落とし込む必要があった。
設計・実装のポイント
FigmaカンプをもとにSCSS/FLOCSSで設計し、セクションごとにコンポーネントを切り出しながら実装。JavaScriptでスクロールアニメーションを実装し、情報の視認性を高めた。WordPressへの組み込みも担当し、実務に即したCMS構成で納品した。
振り返り・学び
4日間という短納期での制作を通じて、タスクの優先順位付けと作業効率の向上を意識する機会になった。FigmaカンプからWordPressまで一気通貫で対応したことで、受け取り〜納品の全工程を把握できた。