横浜・馬車道にある、
オーダーメイドネクタイ専門店「結び屋」様（架空店舗）
| 制作時期 | 2025年7月中旬～8月中旬 |
|---|---|
| 制作範囲 | ワイヤーフレーム/デザイン/コーディング |
| 製作期間 | ワイヤーフレーム：5日/デザイン：5日/コーディング：20日 |
| 使用ツール | Figma/VSCode |
| ターゲット | 20代～60代の男女。ビジネスやフォーマルな場で着用できるネクタイを探している社会人。人生の節目となるイベントで特別な一本を選びたい人。プレゼントや贈答品として想いを込めた一本を探している人。 |
| 課題 | 横浜で1975年から続いている店舗だが、地元住民以外への認知度が低い。 オーダーメイドに対して「高そう」「難しそう」という購入ハードルの高さがあり、オーダーのシンプルな流れとわかりやすい価格設定をwebサイトで示して安心感を与えたい。 |
| 情報設計 | 全体的に高級感を出しすぎず、親しみやすい雰囲気を意識しました。メインビジュアルは余白を活かしながら写真やロゴを大きく配置し、ブランドの雰囲気を直感的に感じ取れる構成にしています。 オーダーの流れや価格の目安といった下層ページでは、利用者が迷わず必要な情報にたどり着けるように整理を行いました。 各項目においてどのような内容を説明しているのかを分かりやすくするために、画像の配置を調整しました。 |
| デザイン | フォントは可読性を重視しながらも、柔らかさと手仕事感を感じさせる明朝体を採用しています。 背景や余白はシンプルに整え、写真やロゴが主役として引き立つようにしています。 メインカラーには横浜のイメージカラーである青を軸として落ち着きのある配色にしています。ベースカラーはオフホワイトを基調とし、清潔感と写真の見やすさを確保しました。 和の雰囲気とブランドの個性を補強しています。全体として「伝統と現代性が結び合う」世界観を表現しました。 |