WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

五円玉のようなコインが印象的な「goen゜」

森本千絵さんを主宰としたデザイン事務所「goen゜」のホームページです。 ファー …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

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

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

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …