WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

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

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

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

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

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

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

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

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …