Works

ヘアメイク&フォトスタジオ Luff様 webサイト制作

Web制作

2014.03.25

URL:http://studio-luff.com/

女性の感性に訴えかけるエッジの効いたデザイン

各シーンの第一線で活躍するアーティストが所属し、他のフォトスタジオ・ヘアメイクサロンとは一線を画しているLuff様らしさを的確に表現するよう、エッジを効かせた中にエレガントさも併せ持つデザインに仕上げました。
モデルを引き立たせるため、シンプルに徹しホワイトを基調にしつつ、店内の木目をイメージしたシックなブラウンをアクセントにしています。

パララックスを採用し、奥行きを表現

縦長サイトとしての制作にあたり、ページ各所にパララックス(視差効果)をご提案しました。
スタジオの奥行き感を表現することや、モデルを少しずつ見せていくことでワクワク感を演出することができました。
パララックスにはスクロールを促す効果もあり、縦長サイトと大変に相性の良い効果と言えます。

カルーセル等で豊富な写真をコンパクトかつスタイリッシュに表現

プロのフォトグラファー&ヘアメイクアーティストがトータルプロデュースするLuff様では、写真点数も豊富です。
ファーストビューにjQueryによるスライドを使用し、写真の豊富さをアピールしました。
さらにギャラリーでもカルーセルを使用し、写真を美しくかつスピーディに見せています。

利便性を確保する追尾メニュー

ファーストビューでは画面下部に配置されているグローバルメニューは、ページスクロールで最上部に固定表示するよう設定し、ファーストビューのデザイン性を確保しつつ利便性を向上させました。

  • コーディング
  • サイト運用
  • デザイン
  • 企画・提案
  • 縦長サイト制作