サイトを開くと画面中央に大きくCGグラフィック表示されて、一連のモーションによって商品の概要や特徴が紹介されています。説明的な文章は無く、オブジェクトの動きによって直感的に内容が理解できるデザインが、しっかりとユーザ視点を考えているとともに、アイキャッチの効果によって興味を抱かせる工夫にもなっています。スクロールしていくと、角丸四角の大小様々な写真が無造作に配置されていて、3枚づつ切り替わっていく構成となっています。背景にも投下したオブジェクトが下部からせり上がってくるような演出も加えられていて、全体を通してナチュラルなイメージを表現した完成度の高いサイトに仕上がっています。
カテゴリ
基本情報
etcに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「Oui Will™」のホームページデザイン解説
ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
グレーを使ったデザイン
- 「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説
サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小2枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
- 「THIS」のホームページデザイン解説
ロンドンのデザインスタジオのコーポレートサイトです。ファーストビューではグレー1色の画面にブラックのベタを斜めに配置し、無造作に付箋を張り付けたようなラフな画面になっています。制作実績一覧では画面スクロールで写真が左下から回転しながらフェー...
- 「ILOLI HAIR」のホームページデザイン解説
ページ全体としてはグレーと白を用いることでスタイリッシュで落ち着いた印象を与えます。ファーストビューは店内の様子を撮影した写真が定期的にスライドしていくデザインです。スマートフォンの画面の場合グローバルナビゲーションおよび予約用のボタンを常...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...