Organic Aromatherapy Salon Chouette

OVERVIEW

HTML5, CSS3, jQueryを使用した静的サイトです。 #HTML5 #CSS3 #Photoshop #XD #illustrator #jQuery

YEAR 2016

自由が丘にあるアロマセラピーサロンのウェブサイトを手がけました。

もともとあったサイトがPCサイトのみに最適化されていたので、クライアント様にヒアリングを行った際に

  • ユーザー(お店を訪問されるお客様・興味をもってwebサイトをご覧になる方)が若い世代の女性が大半なのでモバイルファーストで設計をし直してほしい。
  • 店内がグリーンあふれるテラコッタ調の雰囲気なのでそれに合わせてデザインを行ってほしい。
  • 施術メニューのカテゴリーが多く、そのカテゴリーそれぞれでメニューを数多く用意してあるため、はじめての方はもとより再来店を希望するお客様にも見やすく予約しやすいメニューの表示とそれに伴うお問い合わせフォームの設置を行ってほしい。

などのご要望があり、

  • 要件定義(ヒアリング・ペルソナ設定など)
  • 設計(ワイヤーフレーム / デザインカンプ)
  • 制作( コーディング )
  • テストサイト
  • 公開

まで一貫して制作に携わりました。

[ 工夫した点 ]

綿密にヒアリングを行い、ご興味をもっているユーザー、顧客になって頂きたいユーザーのかたにとって

  • 清潔感のあるイメージ
  • テキストの量を調節し、すべてのページをご覧頂きやすくする仕掛け作り
  • トップページやメニューページにしつこくならない程度のお問い合わせページへの誘導

など「またこの店の情報が知りたくなる」ようなウェブサイト制作を心がけました。

[ URL ] https://chouette-jiyugaoka.com/


WEBSITE