全体に使われたイラストが可愛らしく、見ていて楽しくなるサイトです。ファーストビューではイラストとともにキャッチコピーの文字が動く効果が加えられていて、自然と目が留まる仕組みを考えられています。各コンテンツの間に隙間が作られていて、スクロールしていくことで固定された背景がその隙間から見える仕組みになっていて、背景では商品の使い方を順に3ステップで説明しているイラストが展開されています。隙間から覗くイラストの演出に遊び心と驚きを感じて楽しい気分が増長します。唐揚げのアレンジレシピの掲載にはサムネイル写真を用いて見やすく、CMギャラリーの表示にはテレビ画面に写っているような表現になっているところなど、面白い工夫が凝らされていてクオリティの高いサイトです。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「Официальный сайт Группы ЧТПЗ」のホームページデザイン解説ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...
-
「Amino mason」のホームページデザイン解説ファーストビュー画像は左右に切り替わるデザインです。製品が写るポップで楽しいイメージの画像を用いています。ニュースは太文字ゴシック体のタイトルに目を引くおしゃれなデザインの画像を表示させておりアイキャッチに優れています。ページ下部にはインス...
-
「Vermicular」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、キッチンが写っています。グローバルナビにて料理のレシピ、愛知ドビー製品のラインナップなどを案内しています。買い物カゴのイラスト付きのレッドアイコンから、メーカー直販...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
イエローを使ったデザイン
-
「TIMETABLE」のホームページデザイン解説アメリカのヒップホップアーティストWhoareiのアルバム告知のページです。イエローのバックに9枚のアニメーションがタイル状に配置された下に、配信サイトへのリンクが添えられたのみのシンプルな構成ですが、アニメーションはマウスでドラッグしてル...
-
「PLATFORM」のホームページデザイン解説トップページ上部にはまず初めに、何が出来るサービスであるかを端的に1文で説明し、あわせて簡単な紹介文を掲載しています。背景は明るいはっきりとした黄色を用いることでインパクトのあるデザインに仕上がっています。ページ下部へ進むと、タイトルと説明...
-
「あおば会計事務所」のホームページデザイン解説イエローをベースにグリーンをアクセントにしたサイトです。青葉のイラストが、会計事務所のトレードマークとなっています。ファーストビューには、植木鉢で植物を育てているイラストが描かれています。グローバルナビにてあおば会計事務所の事業内容、料金表...
イラスト・手書き感なホームページのデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「光の森キャロット保育園 公式サイト 熊本県菊陽町認可保育園」のホームページデザイン解説ブルーをベースに、園名の「キャロット」にちなんだ“にんじん”がトレードマークのサイトです。かわいいうさぎが、にんじんを持って立っています。ファーストビューには、光の森キャロット保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
