WORKS

練習課題 / WEB DESIGN / CORDING

美容室HP

「Hair Salon Asahi」(架空)という美容室のHPをデザイン・コーディングしました。
ターゲット層が興味を持つデザインにしつつ、HPに辿り着くまでの導線を考え必要な情報を絞ってシンプルかつ分かりやすいサイトを目指しました。

制作期間

デザイン:2日 / コーディング:1週間

制作範囲

全ページ:ワイヤーフレーム
TOPページ(フッター除く):デザイン・コーディング・アニメーションの実装

使用ツール

Visual Studio Code / Figma / Photoshop

ターゲット

20代〜40代の女性層がメイン、ターゲット層のパートナーや家族にも来てもらいたい

課題/目的

新規顧客を開拓するためにインターネットでの集客を始めた。
Webマガジンサイト経由での予約は中間マージンが高いため手元に入る売上が少なく、DMでの予約は情報の不備が多いため、HPからの予約を増やしたい。

情報設計

若い女性が美容室のHPに辿り着く理由の多くとして、「探しているエリア+美容室(+希望する施術内容)」といった検索の仕方をしているだろうと考えました。また、検索後に出てきた美容室のHPに求める情報は「施術例」「値段」「施術内容」であること、いくつか他の美容室と比較して決定するであろうことを想定し、これらの情報がすぐ見られるよう上の方かつ近くでまとめました。
それぞれの施術例は担当のスタイリストごとに分けることで「誰がその施術をしたのか」が明確になるようにし、より顧客が予約時に施術のイメージを深められるようにしました。

デザイン

クライアントから「ベージュ」と「水色」をイメージカラーとして使用してほしいとの要望があったため、背景に取り入れてサイト全体の雰囲気をイメージカラーでまとめました。
また、ナチュラルなイメージを持ってほしいということからサイト内に花やオーガニック製のシャンプー、木目調の店舗内が分かる画像などを取り入れました。

CONTACT

お問い合わせは下記メールアドレスにてお願いいたします

©2024 ONIZUKA AOI