DAIKI YAMANE

Webサイト

SILK

概要

以前から経営はしていたが、集客に伸び悩んでいる。又、webサイトを使っていなく完全予約制ということもあり、周囲の認知が低く、お客様が増えないことを問題視している。クライアントの希望としてwebサイトを通して認知度を高くし、女性の利用が多いということからおしゃれな雰囲気にして欲しいとのこと

ターゲット層

20代〜40代の女性をメイン

目的・ゴール

• 集客を増やす
• 周囲の認知を高くする

制作ポイント

• ベースカラーは白で清潔感を出しました。
• トップとヘッダー部分の茶色で囲われたボタンは店内の壁で使われている茶色をイメージした色にしました。
• 文字色は濃いめのグレーにし、明度差を少なくし眼の負担を軽減するようにしました。
• セクションや写真の背景色として薄い黄色を使い、落ち着いた雰囲気を出しつつもサイトの見た目が明るくなるようにしました。

• ヘッダー部分を固定にすることにより、どのタイミングでも下層ページにアクセスできるようにしました。
• 特にスマートフォンではスクロール量が多くなるため、スクロールしたタイミングでページのトップに戻れるようにしています。
• 今後メニューが増える可能性を考え、メニューが増えてもレイアウトが崩れない状態にしました。（トップページではhairやestheticの部分のコンテンツが増えた場合左右に写真が並ぶようにし、下層ページではメニューがいくつかあるため、今後変更や増減してもいいようにメニューのリストを1つのブロックとすることで更新しやすいようにコードを書きました。

制作範囲

モックアップ、コーディング等の全て

制作期間

7日間

使用ツール

Illurstrator、VScode

URL

Webサイトへ