横浜・馬車道にある、
オーダーメイドネクタイ専門店「結び屋」様（架空店舗）

製作時期	2025年7月中旬～8月中旬
製作範囲	ワイヤーフレーム/デザイン/コーディング
製作期間	ワイヤーフレーム：5日/デザイン：5日/コーディング：20日
使用ツール	Figma/VSCode
ターゲット	20代～60代の男女。ビジネスやフォーマルな場で着用できるネクタイを探している社会人。人生の節目となるイベントで特別な一本を選びたい人。プレゼントや贈答品として想いを込めた一本を探している人。
目的	求人サービスとしての認知不足。競合(大手求人サイト)に埋もれてしまっている。製造職への「きつい」「年齢層が高い」というイメージがもたれやすく、20～30代の応募が少なかった為、若いモデルを起用した広告を展開したい。
課題	横浜で1975年から続いている店舗だが、地元住民以外への認知度が低い。 オーダーメイドに対して「高そう」「難しそう」という購入ハードルの高さがあり、オーダーのシンプルな流れとわかりやすい価格設定をwebサイトで示して安心感を与えたい。
情報設計	全体的に高級感を出しすぎず、親しみやすい雰囲気を意識しました。メインビジュアルは余白を活かしながら写真やロゴを大きく配置し、ブランドの雰囲気を直感的に感じ取れる構成にしています。 オーダーの流れや価格の目安といった下層ページでは、利用者が迷わず必要な情報にたどり着けるように整理を行いました。 各項目においてどのような内容を説明しているのかを分かりやすくするために、画像の配置を調整しました。
デザイン	20～30代の求職者の目に留まりやすい若手のモデルを起用した写真を選びました。 製造職への「キツい」「汚い」「危険」のイメージを与えないような青をベースカラーとした爽やかな配色にしました。 最低限の文字数で情報を伝えられるようにするため、特に強調したい部分はフォントサイズを大きくし、ベースカラーの対称性のある黄色の配色にしました。 フッター部分にサービス名とベースカラーの補色であるオレンジをアクセントにしたボタンを配置して、求職者がアクセスしやすいようなでデザインにしました。