ワークショップ一体型菓子店「ととの菓」ホームページ
OVERVIEW
チームでの自主制作。要件定義-デザイン-実装と制作の過程全てに立ち会い、コーディングだけでなく上流工程の方から意見を出しながら進行。チームメンバーへの共有や確認は手戻りが少なく済むよう、結論と過程の切り分けを意識。
※ページの右下にサイトへのリンクボタンがあります
担当領域：コーディング（ヘッダーなど共通・トップページ・ワークショップページ）
- 再利用性を意識したコンポーネントを作成。FROCSSをベースにページ単位の管理にし、コンフリクトを起こしくいシームレスな作業環境を構築。
- ブランドに沿った空気感をアニメーションで表現（スライド、背景あしらい、ローディング、イラストの動き）。ゆったりとした演出においても表示速度や間合い等、離脱につながらない操作感を意識。
- カスタム投稿 / カスタムフィールド（ACF） を使用。商品紹介や料金・定員等、変動性のある部分はクライアントの運用目線に立ち導入。
- Githubを活用した運用
