美容室「u★kuri」 デモサイト

OVERVIEW

年齢問わず愛される、美容室「u★kuri」のデモサイトを制作いたしました。

サイトURL  https://kunren.sakura.ne.jp/202304web06/ukuri/index


概要

  • 制作時期:2023年7月
  • 制作時間:企画・ワイヤーフレーム・・・約10時間

      デザインカンプ・・・約10時間

      コーディング・・・約20時間

  • 使用ツール:Photoshop / HTML / CSS / jQuery
  • TOPページのみ

制作意図・工夫点

  • 岡本、芦屋で展開する地域密着型の美容室(開業20年)で、甲子園店オープンを機にWeb サイトをリニューアルし、スマートフォン対応のサイトを制作する模擬案件。
  • 親近感、ナチュラルさを感じられるグリーンをメインカラー、ベースカラー、アクセントカラーに使用。

TOPページ - ABOUT



  • ターゲットは、お子様からご年配の方まで。
  • 上質感を損なわずにご年配の方でも操作がしやすいように、マウスオーバー時の動きを大きめに。

TOPページ - ナビゲーション



  • 店舗ごとに切り替えができるようにタブを作成

TOPページ - SALON



  • スマートフォンに対応、ハンバーガーメニューの設置。

TOPページ - SALON