クライアント様の課題
現在はBtoB取引がメインだが、今回初めてBtoCサイトを作りたい。というご相談でした。
Fujikoshi jewelry様 新規Shopify構築
制作内容
Out Line
1994年、東京にて創業し、30年以上に渡ってQVC/テレビ局各局、高島屋/大丸松坂屋などの百貨店へ ダイヤモンドや真珠、貴金属など上質なジュエリーをお届けしている企業様です。厳選された天然石や真珠を主軸に、現代の感性を融合させた高品質なものづくりを徹底。大切な記念日のギフトや自分へのご褒美にもご利用いただけるアクセサリーを製作しています。
- クライアント
- 株式会社 富士越
- 担当領域
- 要件定義 / アプリ提案 / コーディング / クライアント様との折衝
- カテゴリー
- ECサイト（Shopify）
解決策とこだわり
スタイリング機能の拡張
コーデを構成する複数商品を一覧表示し、個別・一括どちらでもカートに追加できる仕様にいたしました。テーマのデフォルト機能では全商品一括投入のみで、サイズ等の選択や在庫切れ状態の判別もなかったところ、サイズ選択UI・個別追加ボタン・在庫状態の自動判別をすべて独自実装し、ユーザーが直感的に操作できる購買導線に仕上げました。
ホバーアニメーションの実現
「01 Ring」「02 Necklace」などの番号・カテゴリ名にマウスをホバーするとアニメーションが動く仕様にしています。テーマの既存構造では実現できなかったため、HTML構造をゼロから作り直しました。
商品画像の出し分け機能
トップページのJEWELRYセクション・RECOMMENDセクションでは、通常の商品登録画像（1枚目・2枚目）ではなく、トップページ専用の画像を各商品ごとに設定できる仕組みを実装しました。商品ページとトップページで異なるビジュアルを使い分けられるようにしており、ブランドのビジュアル戦略に柔軟に対応できる構成にいたしました。
カートのクーポン入力UI改善
テーマデフォルトではクーポン入力欄が開閉式になっていましたが、常時表示に変更いたしました。入力のたびに開閉操作が必要な煩わしさをなくし、クーポン利用率の向上とUX改善を行いました。
クライアント様の声
こちらの相談や変更に対しても、常に寄り添った提案と柔軟な対応をしてくださいました。おかげさまで、細部までこだわり抜いた理想のWebサイトを完成させることができ、感謝しております。
制作を終えて：ストレスのない購入体験を
ジュエリーのサイトにおいて見た目が美しいのは当然ですが、いざ買おうとした時に、商品ページに遷移して、色を選んで、サイズを選んで…といったステップが多かったり、最後の最後に「クーポン入力が面倒」といった小さなストレスが重なれば、購入への熱は冷めてしまいます。今回のプロジェクトでこだわったのは、そんな「お買い物の小さなストレス」を徹底的に取り除くことでした。
特にスタイリングセクションの実装では、写真のすぐ横で、指輪のサイズなどをパッと選んでそのままカートに入れられる仕組みを独自に作り込んでいます。一見地味な改善ですが、ユーザーが「これいいな」と思った瞬間に、迷わず手に取れる動線を作ることで、スムーズな購入体験に繋がっています。
デザインが単なる見た目を超えて、ブランドの未来を支える一助となること。そのために、使い勝手の良さを追求し、お客様の購入意欲を削がない「心地よさ」を形にすること。こうした「使い心地の積み重ね」を大切にしながら、これからも作り手の想いやこだわりをお客様に繋ぐ、誠実な仕事を続けていきます。