【サイト名/URL】
塚本商店
https://www.tukamotoshouten1234.net/
【所要時間】
4日間（要件定義〜ワイヤーフレーム：1日間、デザインカンプ：2日間、コーディング（レスポンシブ対応含む）：2日間）
【使用ツール/使用言語】
・Photoshop （ワイヤーフレーム・デザインカンプ作成）
・ Visual Stadio Code（コーディング）
・HTML5
・CSS3（Sass）
・jQuery
・FTP（サーバーアップロード）
【サイト制作の経緯】
祖父母が経営するお店は、昔ながらの鮮魚店のため常連客層・年代が固定されており、新規のお客様が入りにくい印象でした。そこで、PC・スマホユーザーの若い世代の新規顧客を増やすために、公式Webサイトを作ろうと思いました。
【ターゲット】
・美味しいお刺身やお惣菜が食べたいと思っている、茨城県日立市近隣に住む30代〜50代の男性・女性
・お店のことは気になっているが、入りにくいと感じているお客様
【工夫したこと】
・鮮魚店であるため、魚や海を連想させる青をメインカラーとしました。
・昔ながらの暖かい雰囲気を伝えたかったため、深みのあるオレンジブラウンをアクセントカラーとしています。メインビジュアルには、オレンジブラウンのフィルターを被せて、ローディング画面にメインコピーをふわっと表示させることで、昔懐かしい食卓の雰囲気を演出しました。
・幅広い世代の方に閲覧していただくことを想定し、ボタンは押した感のあるデザインで実装にしました。
【PC】
【SP】
