美容室のHP制作

BLUE NOTE

職業訓練校のグループ演習で制作。
リニューアル依頼を受けたと仮定。

Design / Coding(Responsive)

担当:全体のデザイン、ナビゲーションメニュー、「infomation」の下層ページ

◆概要

既存ページの内容を残し、見やすく整理。
初めて訪れた方でもわかりやすいサイトへ。

◆ペルソナ設定

  • 基地の近くに住む家族、および自衛隊隊員
  • 基地近辺の家族は行きつけの美容室が特にない
  • 一回行き始めたらずっと家族ぐるみで通いたい
  • 自衛隊隊員は忙しいのでその合間に行ける、融通が効きやすいところがいい

◆デザインアイデア

情報設計:航空自衛隊ということで「空」のイメージである青と、落ち着きのある「紫」を使用し、自衛隊基地内という入りにくいイメージを払拭。
トップページを見たときに自分がどのメニューを見るべきかわかりやすくし、予約につながるように設計。

デザイン:既存サイトよりも洗練され、見やすく。清潔な印象を与えるよう余白を持たせた。

◆その他担当ページ

  • infomation
  • infomation
  • infomation