サイト制作デザイン:美容院

OVERVIEW

【架空案件】架空のヒアリングシートを元に美容院のサイト制作デザインを致しました。

【所要時間】約24時間

【制作ツール】Figma


【目次】

①Webサイト制作の目的

②お客様のご要望

③制作物

④制作時のポイント

①Webサイト制作の目的

美容院のサイトを見てもらい予約に繋げる(予約目標月50件) 

地域に愛される美容室になりたい

②お客様のご要望

シンプルだけどしっかりした綺麗なサイトにしたい。地域に愛される感じで、温かみがあって人を前面に出したい。予約しやすいような形が理想。

希望カラーは白・黄色(その他でもOK)

写真はまだ撮影が出来ていないので素材集から提供してください。

③制作物(TOP,MENU,COMPANY,CONTACT,全4ページ)

▪️TOP


▪️MENU


▪️COMPANY


▪️CONTACT


③制作時のポイント

デザインコンセプト:シンプルで親しみやすいデザイン


▪️配色

希望カラーを参考にしつつ、パステルカラーで優しい印象となるような配色にしました。

▪️フォント

日本語フォント:Hiragino Kaku Gothic Pro
英文フォント:YuGothic。
値段表記の数字のみInterを使用
シンプルで読みやすいカジュアルさを選びました。

▪️全体を通して

1stビューはコンセプトの「あなたらしさ」や「新しい自分を見つける」を元にキャッチコピーとサブコピーを考えました。人を前面に出して欲しいとのことで笑顔で満足している女性の写真を選びました。予約のしやすい形がいいということでヘッダーとフッターにRESERVEボタンを設置し、どのページに行っても予約フォームへつながるようサイトの動きを想定しながらデザインしました。
TOPコンセプト欄は写真を交互に余白を取りながらおく事でシンプルな印象に見えるようにしました。

全体的に写真の端を少し角丸に配置したことと、彩度などを調整し温かみある親しみやすい雰囲気を出しました。