Works

株式会社コンズ様 webサイト制作

Web制作

2017.09.04

URL:http://cons.tokyo/

高級感のあるファーストビュー

サイトデザインのコンセプトは、シンプル・モダン・高級感。
コンセプトにぴったりのコンズ様の店舗写真をファーストビューにスライドショーとして大きく配置し、上品さを保ちつつインパクトを持たせました。
さらに、ブラウザのウインドウサイズに連動し、背景画像のサイズも変化するように設定しました。
また、店舗写真を多くご用意いただけましたので、表示する順番をランダム化し、複数回アクセスしても新鮮に感じられるファーストビューとなるよう工夫しています。

動きをつけることにより、印象に残るコンテンツに

コンテンツが印象に残るよう、各所に細かなアニメーションを加えました。
注目してもらいたい部分に絞って動きを加えることで、ポップになりすぎないように配慮しました。

Googlemapをカスタムしたオリジナル風のアクセスマップ

サイト全体の雰囲気にあわせてデザインをカスタマイズしたGooglemapをサイトのデザインの一部として組み込みました。
アクセスマップとして違和感のない形に仕上げています。

スマホで拡大表示しても美しい画像

画面サイズが様々なスマートフォンで画像のぼやけを防いで可読性と美しさを保つべく、メニューとして表示する画像などにはSVG形式を採用しました。
表示サイズの変更も違和感がないため、1つの画像を様々なサイズで表示させることができ、画面の表示速度向上にも貢献しています。

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