WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

   

ガトーショコラ専門店「Chocolaphil」のホームページです。

鮮やかな青いネイルの手が持つガトーショコラの写真がとても印象的なファーストビューです。

トップページのあちこちにガトーショコラの写真が散りばめられていますが、スクロールに合わせて左右に動いたりミラーのように動いたりします。
背景の商品の写真が暗い色合いなのに対し、文章の部分は白い背景を使うことでコントラストが映え自然と文字に目が行くようになっています。

トップの「Product」部分は商品の画像を掲載しているのですが、右下の+ボタンをクリックすると下に配置されている画像に切り替わる仕組みになっています。
1枚だけでなく2枚を重ねて縦の長さを抑えるだけでなく、おしゃれに画像を魅せるレイアウトは参考になります!

サブページに移動するときのアニメーションもこだわっていて、切り替えもとてもスムーズです。
「story」のページでは、右側に動画を配置してガトーショコラが出来る工程を映像で見せてくれます。画像もランダムに配置することで、動きのあるサイトになっています。

 - 写真で表現, 動きで表現

  関連記事

神奈川県にある高級旅館のサイトが和風なデザインでカッコいい!

神奈川県足柄下郡湯河原町にある高級旅館「奥湯河原温泉の高級料亭旅館 海石榴(つば …

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

高級感だけでなく、馴染みやすいデザインを加えることでターゲット層を増やす

  新潟県にある株式会社サルーンが経営する「ビフテキバル極」の公式ホー …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

上空から撮影したリゾート地の写真がカッコいい!サイト

三重県志摩市にあるリゾート施設「NEMU HOTEL & RESORT( …

綺麗な写真が購買意欲をそそる和菓子屋さん

石川県金沢市に本社を構える「株式会社 柴舟小出」のホームページです。 全体的に色 …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

黒背景に写真のコントラストが美しいレストラン

2016年4月北海道札幌市にオープンした「北海道料理 海籠」のホームページです。 …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …