「DESCENTE ALLTERRAIN」のホームページデザイン解説

カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...

ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...

ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...

ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...

サイトを開くと鉄板の上で肉が焼ける様子が動画で流れ、動画には手書き風の店主の似顔絵が重ねられています。ホワイトのすっきりとした画面は清潔感を感じさせ、商品のキャプションやキャッチコピーを縦書きにすることで、和食らしさを出しています。画面左下...

イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...

サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...

ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...

トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...

ブラウンのオーバーレイを重ねた写真が互い違いにスクロールする上に、太めのフォントでシンプルにキャッチコピーが乗ったファーストビューです。ベージュやブラウンをメインにした落ち着いた色使いに、角を取って丸くした写真やボタンと、画面スクロールとと...

サイトにアクセスすると、施設内の様子がスライドショーで紹介されており、クリニックへの信頼感をまず感じさせます。メインビジュアルの真下にナビゲーションメニューを配置したレイアウトで、各ページはアクセスするとまずビジュアルと病院ロゴ、電話番号と...

ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...