click!

  • - Portfolio -

Melil Renewal Site

Type

Website

Client

Melil

Target

Melilのネイルをしているリピーターのお客様

Purpose

・各ページの情報の変更・追加
・全体的なデザインの一新
・”Melil”をお客さん同士が紹介するときやメニュー(料金表)を見た時のサロンのイメージを作る
・Melilの名刺代わりとして使用していただくブランディングの役割

Information

Melilのリピーター様がMelilのInstagramなどを通して、メニュー表や営業時間を見るためのサイトとのことだったので、TOPはノースクロールで、簡潔的にまとめられている情報設計を行いました。
また、下層ページではMelilのイメージは守りつつ情報をわかりやすくまとめるため、右の部分に追従のメニューボックスを設けました。
予約したい時に予約ができるように、どのページにいてもLINEのアイコンがある設計にしました。

Design

Melilのコンセプトである、シンプルで洗練されているイメージと、個性的で型にハマらないイメージを再現するため、クライアント様と話し合いを重ね、海外の雑誌のようなサイト、サイトっぽくないサイトをイメージしてデザインしました。
とにかくMelilのイメージを定着させることが目的のため、写真やイラストを多く使用し、イメージに合った2種類のフォントと組み合わせてイメージを確立することを意識しました。
また、雑誌がコンセプトではあるものの比較的シンプルなデザインのため、PriceページやLoading時のWebサイトならではの動きを取り入れました。

Range

企画:1週間
デザイン:2週間
コーディング:2週間

Tool

XD / Photoshop / Illustrator / Dreamweaver

coding languages

HTML / CSS / JavaScript