ホーム制作事例 > トレサンパ オム 公式サイト

トレサンパ オム 公式サイト

http://homme.tres-sympa.jp/

STAFF Director/Yokoi
Design/Yokoi
Coding/Kobayashi
DATE 2013/09
CATEGORY Corprate Site/Service
WORK デザイン及びコーディング
MECHANISM MovableTyep(Open source)

背景

ヘアサロン「トレサンパ」の姉妹店「トレサンパオム」が御器所にオープン!店のコンセプトが違うため専用サイトを構築

名古屋の金山にあるヘアサロン「トレサンパ」の姉妹店「トレサンパオム」が御器所にオープン。コンセプトが金山店と違うため、「トレサンパオム」専用のサイトを構築することになりました。

仕様・設計

サイトは2つになっても管理は1つのアカウントで管理

当初はトレサンパのHPに中に「トレサンパオム」のページを作成する予定でしたが、コンセプトやイメージカラーも違うので新サイトを構築することになりました。ただ、管理上MovableTypeは同じアカウントを使い、1つのMovableTypeの中に2つのサイトを入れることで管理を簡素化しています。

制作コンセプト

ワイドモニターを意識し、写真を全面に出したシックでシンプルなデザインに

トレサンパオムは高解像度の写真を用意していただいたので、その写真を全面に出したデザインにしました。
全体的にはブラックを基調として大人の雰囲気を出してみました。
また各ページにあるページトップへ移動する動きも、動きのあるタイプにし、高級感を演出。コンセプトや写真がしっかりしていたので、非常に作りやすかったサイトです。

 

  1. animostyle
  2. digitalarchive