WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

「伝統」と「革新」を伝える「廣榮堂 採用サイト」

岡山で160年の歴史を誇る老舗和菓子屋「廣榮堂」の採用ページです。 学生たちをタ …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

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

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

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

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

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