鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意図が汲み取れる流れでストーリー性を感じさせる構成です。イエローとブラウンを中心とした温かみのある色使いで、サイト内の写真にも強いこだわりを感じます。フッターまで移動するとオチがついている流れもユニークです。
カテゴリ
基本情報
製造業に関連するデザイン
- 「rewood」のホームページデザイン解説
和室の座卓などに使われている1枚板を家具にリメイクするサービスを展開している企業のサイトです。サイトにアクセスすると画面いっぱいに座卓の天板をダイニングテーブルにリメイクする過程の動画が再生され、製品のストーリー性をまず閲覧者に意識させます...
- 「ジオマテック株式会社」のホームページデザイン解説
ファーストビューでは「強み」についての問いがあり、興味を惹く案内です。また、その答えを知りたい方に向けては別の詳細ページへリンクを飛ばしておりスムーズに誘導しています。スマートフォンの場合、newsは左右スクロールで切り替えることができます...
- 「河合電器製作所」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、河合電器製作所の周辺環境のイラストが描かれています。グローバルナビにて河合電器製作所の会社情報、サービスコンセプトや解決事例などを案内しています。トップページの中央...
コーポレートサイトに関連するデザイン
- 「西山製麺 ドイツ法人」のホームページデザイン解説
画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「STRIVE」のホームページデザイン解説
サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
イエローを使ったデザイン
- 「雪印北海道バター」のホームページデザイン解説
コンテンツを表示するエリアは常にバターのパッケージと同じ太いネイビーと細いラインで囲まれ、ブラウザの表示サイズ変更にも追従させており、常に画面内に表示されるイエローのヘッダーエリアと合わせてブランドイメージを形作っています。淡いクリーム色と...
- 「りの部屋」のホームページデザイン解説
画面右に手書き風のアニメーション、左に縦書きのキャッチコピーをシンプルに配置したファーストビューで、画面をスクロールすると窓の中の風景が入れ替わり、動物が歩いて入れ替わるユニークな演出がされています。メインコンテンツは袋文字の英語フォントに...
- 「恋する鳥羽ホテル」のホームページデザイン解説
イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
シンプルなホームページのデザイン
- 「森と踊る」のホームページデザイン解説
画面に大きく表示された林業の様子のスライドショーと、ヘッダーの左にぽつんと表示されたシンプルなサイトロゴが、森林の物静かな雰囲気を感じさせるファーストビューです。淡いベージュをベースに、カーキとブラウンをアクセントにした柔らかい色使いもサー...
- 「TAKANOME (鷹ノ目)」のホームページデザイン解説
ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...
- 「山梨果実菓子 和乃果」のホームページデザイン解説
画面いっぱいに表示されたスライドショーでは店舗周辺の地域の風景と、一面に塗られたクリームやまぶされる砂糖のアップで、豊かな自然の中で育てられた製品の魅力をたっぷりと引き出しています。縦書きの明朝体のタイトルやナビゲーションメニューで和のイメ...