ファーストビューには商品写真とキャラクタのイラストが使われていて可愛らしいポップな雰囲気を演出しています。メニューや見出しに使われている文字も可愛らしいフォントで、見ていて楽しくなる構成です。スクロールしていくとキャラクタが講義を行っているようなイラストで商品に使われるチョコレートの効果や栄養素などを説明していて、楽しみながら読み進められるデザインとなっています。商品のラインナップ紹介のコンテンツでは、商品の写真がベルトコンベアのイラストに乗って運ばれてくるというモーションが見られて面白みを感じます。ユーザが楽しみながら商品情報を知ることができる素晴らしいサイトです。
カテゴリ
基本情報
メーカーに関連するデザイン
- 「Официальный сайт Группы ЧТПЗ」のホームページデザイン解説
ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...
- 「Amino mason」のホームページデザイン解説
ファーストビュー画像は左右に切り替わるデザインです。製品が写るポップで楽しいイメージの画像を用いています。ニュースは太文字ゴシック体のタイトルに目を引くおしゃれなデザインの画像を表示させておりアイキャッチに優れています。ページ下部にはインス...
- 「Vermicular」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、キッチンが写っています。グローバルナビにて料理のレシピ、愛知ドビー製品のラインナップなどを案内しています。買い物カゴのイラスト付きのレッドアイコンから、メーカー直販...
サービスサイトに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
ブラウンを使ったデザイン
- 「ひらかたエール法律事務所」のホームページデザイン解説
ベージュをベースにブラウンをアクセントにしたサイトです。ファーストビューには、ひらかたエール法律事務所のある枚方市の駅前が写っています。グローバルナビにて弁護士紹介、取扱業務などを案内しています。ブラウンの「キッズスペース完備」の丸いバナー...
- 「くぼ歯科クリニック」のホームページデザイン解説
グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、笑顔の歯医者さんが写っています。グローバルナビにてくぼ歯科クリニックの診療内容、交通アクセス・診療時間などを案内しています。ギャラリーにて、くぼ歯科クリニックの施設...
- 「【公式ホームページ】こぐま保育園」のホームページデザイン解説
ページ全体としては木目の背景を用いており温かみのある印象を与えます。ファーストビューの画像や、説明会の案内バナー、各メニューは丸みを帯びたそれぞれ少しずつ形の異なるボタンを用意することで可愛らしくやわらかい雰囲気を演出しています。 理念は丸...
ポップなホームページのデザイン
- 「Droptokyo」のホームページデザイン解説
東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を3分割したレイアウトで構成されています。スライドショーをスク...
- 「社会福祉法人実源福祉会 一の宮保育園(公式ホームページ)」のホームページデザイン解説
ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
- 「かいせい保育園」のホームページデザイン解説
ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...