美容室 「ADDY HAIR DESIGN」 ウェブサイト(自主制作)

デジタルハリウッドのWebデザイナーコースの卒業制作として作成した、 美容室 Addy hair design のWebサイト。(実用化のお話を頂いています)

サイトのURL

https://work-akiyamanishi.com/addy-hair-design

ターゲット

米子駅前の美容室なので、米子駅を通勤通学に使っていたり、駅周辺に勤務する20代~40代の男女。丁寧さに定評がある美容室なので、丁寧な施術やアドバイスを求める人、髪の悩みを持つ人、くせ毛に悩む人。

制作工程

自分が普段通ってる美容室にお願いし、デジタルハリウッドの卒業制作の課題としてWebサイトを作るための協力をして頂きました。(ロゴは既存の物を使用しました)iphoneで全ての写真を撮影、Photoshopを使用して写真の微調整をしました。Figma でデザインカンプを作成し、Visual Studio Code でコーディングしました。

制作意図

美容室のコンセプトが「心地よいおしゃれと暮らしを求める人々のための美容室」で、お客様からの口コミを見ると非常に丁寧な施術とヘアケアのアドバイスに喜ばれているため、派手さや奇抜さではなく、誠実で優しさを感じる上品なWebサイトが似合うのではないかと考えました。性別を特定しない色使いで、少しだけポップな要素を取り入れて、上品だけど親しみやすさを感じるサイトを目指しました。

レスポンシブ対応

あり

制作期間

約2カ月

制作ツール

Figma, Photoshop, Visual Studio Code