アロマサロンウェブサイトaroma kobe

アロマサロンウェブサイトのPC版サムネイル画像

サイト

サイトを見る

ID : web   PASS : imaginary22

概要

架空のアロマトリートメントサロンのウェブサイトです。
アロマを題材に選んだのは、アロマインストラクターの資格を持っていて、0からの業界より知識があったからです。
設計からワイヤーフレーム作成、デザイン、コーディング(スマートフォン対応)まで行いました。

制作期間

デザイン : 14時間
コーディング : 26時間

使用ツール、使用言語

デザイン : Adobe XD
コーディング : HTML/CSS/jQuery

ターゲット

仕事や子育てで疲れている20~50代女性。
なかなか時間が取れない分、サロンに来ている時だけはゆっくりしたい女性をターゲットに設定しました。

カラー

メインカラー : 
#D9F3EF
アクセントカラー : 
#F5F18D#F4F3F6
フォントカラー : 
#74645C#BEB098

港街神戸をイメージした青系をメインに全体的にくすみカラーを使用して、女性らしいナチュラルさをイメージしました。
文字には自然で柔らかい雰囲気となるように、アースカラーを使用しました。

コンセプト

美容院やネイルサロンに行くように通えるおしゃれなアロマトリートメントサロンがコンセプトです。
痩身やエステ、自然派やスピリチュアルではなく、ニュートラルにアロマを楽しんでもらえるサロンをイメージしました。

また、3つのポイントを決めて制作しました。
写真を多く使い、サロンの雰囲気をわかりやすく伝える
必要な情報だけがしっかりと伝わるようシンプルな構成·導線
余白を多く用いナチュラルカラーを使用、上品な女性らしさをイメージ

Webサイトの目的は「新規開業にあたり、SNSだけではなくサイトを作ってきちんとサロンを紹介したい」とし、
「サロンの方向性やブランドの認知向上」をゴールとして設定しました。