WebGallery

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

*

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

   

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホームページです。

商品が作られる工程や、パッケージ化された色とりどりのチョコの映像がとても綺麗で美味しそうなサイトです。

その下には、COCOのチョコレートの特徴について書かれています。
左右に配置されたチョコレートの写真や図解での説明で、動きがあって面白いです!
文章も必要最小限に抑えているので、スラスラと読むことが出来るように工夫されています。
さらに、ボタンはCOCOで販売されている板チョコを模したデザインになっていて、とても可愛らしいです!

「COCOについて」のページでは、トップページのクリーム色の背景とは反対のダークブラウンの落ち着いた雰囲気になっています。
こちらも決まったレイアウトではなくコンテンツ毎に違ったレイアウトにすることで、動きのあるデザインになっています。
背景色が違うだけで、可愛い雰囲気と大人な雰囲気を分けたデザインになっていて、とても参考になります!

 - オンラインショップ, 動きで表現 ,

  関連記事

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

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

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

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …