鳩サブレで知られているお菓子メーカーのサイトで、サイトにアクセスすると画面いっぱいに大きく表示される鳩のイラストと、画面幅いっぱいに表示された鳩サブレやサブレの缶が流れていくアニメーションがインパクトを与えます。商品パッケージと同じイエローをメインに、レッドをアクセントカラーに使っていて、ブランドイメージにマッチした色使いです。鳩のキャラクターを使ったカレンダーのコンテンツを展開したり、オンラインショップでは鳩サブレの内容量を吹き出しの中にサブレの写真を配置して表現するなど、遊び心に溢れた演出が各所に見られます。
カテゴリ
基本情報
メーカーに関連するデザイン
- 「3&bc」のホームページデザイン解説
画面を対角線上に横切るボールペンのスライドショーは、ブラウザの比率を変えるとペンの角度が変わり、常に画面を斜めに横切る仕掛けが施されています。トップページ、下層の製品詳細ページとも同じビジュアルが使われ、画面右下のペンのアイコンをクリックし...
- 「オムロン ヘルスケア」のホームページデザイン解説
ファーストビューは製品の利用シーンを写真で表したスライドショーになっており、それぞれのビジュアルが各コンテンツの紹介リンクになっています。スライドショーには切り替えボタンも付いており、任意で表示するビジュアルを変更することも可能です。淡いベ...
- 「本格麦焼酎「隠し蔵」特設サイト」のホームページデザイン解説
サイトにアクセスすると画面いっぱいに焼酎を楽しむ男女のムービーが流れ、左上に重ねたロゴと左下のシアーをかけたキャッチコピーが合わさってポスターのようなイメージを感じさせます。画面をスクロールするとコンテンツがフェードインする効果は左右に泡の...
サービスサイトに関連するデザイン
- 「萬珍軒」のホームページデザイン解説
画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...
- 「FruOats(フルオーツ)」のホームページデザイン解説
ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...
- 「恋する鳥羽ホテル」のホームページデザイン解説
イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
イエローを使ったデザイン
- 「雪印北海道バター」のホームページデザイン解説
コンテンツを表示するエリアは常にバターのパッケージと同じ太いネイビーと細いラインで囲まれ、ブラウザの表示サイズ変更にも追従させており、常に画面内に表示されるイエローのヘッダーエリアと合わせてブランドイメージを形作っています。淡いクリーム色と...
- 「りの部屋」のホームページデザイン解説
画面右に手書き風のアニメーション、左に縦書きのキャッチコピーをシンプルに配置したファーストビューで、画面をスクロールすると窓の中の風景が入れ替わり、動物が歩いて入れ替わるユニークな演出がされています。メインコンテンツは袋文字の英語フォントに...
- 「恋する鳥羽ホテル」のホームページデザイン解説
イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
イラスト・手書き感なホームページのデザイン
- 「合同会社 木漏れ日農園」のホームページデザイン解説
筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...
- 「SPOT」のホームページデザイン解説
レンタルオフィスの予約サービスサイトです。ファーストビューは画面左にシンプルな手書きのイラスト、右にキャッチコピーを配置した、シンプルながらパッと目を引くデザインです。会議室の利用シーンの紹介では英語、日本語、イラストを組み合わせたビジュア...
- 「本と美容室」のホームページデザイン解説
ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...