WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

猫のためのオシャレな爪とぎソファーが欲しくなるショップ

猫のためのおしゃれな爪とぎソファー「カリカリーナ」を販売しているにゃんこ家具の公 …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …