アクセサリーブランド公式サイト
課題・背景
ブランドサイトらしいビジュアルの完成度とレスポンシブ精度の両立が課題だった。問い合わせフォームをGoogleフォームと連携させる実装で、JavaScriptのエラーを出さずに安定動作させることが技術的なハードルだった。
設計・実装のポイント
Adobe XDカンプをもとにSCSSで実装。Swiper.jsでトップのスライドショーとギャラリーカルーセルを実装。Googleフォームをサイトに自然に溶け込む形でスタイリングし、バリデーション処理のJavaScriptも合わせて実装した。
振り返り・学び
ブランドのデザインを崩さずにフォームを組み込む難しさを体験した。見た目の再現だけでなく「動いて当然」の機能を丁寧に作ることの重要性を実感した案件だった。
Basic認証 ID: matsutake2929 / PW: matsutake2929