サイトにアクセスするとまず、シンプルなラインでロゴが描かれるアニメーションが再生され、ロゴがすべて書かれると画面が切り替わり、画面左側に大きく余白を取ってメインビジュアルの動画が再生されます。左の余白にはサイトのコンセプトが文章で書かれ、メインのキャッチコピーはメインビジュアルへとかかることで文章と動画を関連付けています。スクロールすると画面左側はナビゲーションに、右側はコンテンツへと変化しますが、コンテンツは必ず1画面ずつスクロースしてぴたりと止まる演出がされていて、動作の小気味良さを感じます。またナビゲーションは現在地がショッキングピンクの大きなフォントで書かれているため、現在地がわかりやすいとともにデザインのアクセントとなっています。
カテゴリ
基本情報
自動車に関連するデザイン
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「DRIVE CHART」のホームページデザイン解説
ファーストビューは斜めにカットされた運転シーンの写真に、製品写真の切り抜きとレポート画面のキャプチャを組み合わせて、ドライブレコーダーであることが一目でわかるビジュアルにしあがっています。グレーの濃淡をベースに、企業ロゴのオレンジをアクセン...
- 「The new CLA.メルセデス・ベンツ日本」のホームページデザイン解説
ブラックをベースに蛍光色を使ったカラフルなサイトです。ファーストビューでは、The new CLAを紹介しています。グローバルナビにて、メルセデス・ベンツのラインナップを案内しています。トップページの中央に、ニューモデルのCLAクーペを掲載...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ピンクを使ったデザイン
- 「ダイソー」のホームページデザイン解説
サイトにアクセスすると鮮やかなショッキングピンクのベタが一面表示され、ダイソーのブランドカラーを強く印象付けます。鮮やかなピンクのベタをメインカラーにした、フラットなデザインでもポップで明るい印象を感じるデザインです。通常はホワイトや淡いグ...
- 「社会福祉法人 昭和村」のホームページデザイン解説
ベージュをベースにピンクをアクセントにしたサイトです。ファーストビューには、空から見た昭和村の施設が写っています。グローバルナビにて施設の紹介、採用情報などを案内しています。採用情報のページには、介護職員募集に関する連絡先の一覧が掲載されて...
- 「介護付き有料老人ホーム マザアス南柏」のホームページデザイン解説
グレーをベースにピンクをアクセントにしたサイトです。ファーストビューには、介護付き有料老人ホーム「マザアス南柏」が写っています。グローバルナビにてマザアスのある暮らし、ライフサポートサービスなどを案内しています。よくいただくご質問のページで...
シンプルなホームページのデザイン
- 「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
- 「博報堂 HAKUHODO Inc.」のホームページデザイン解説
ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
- 「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説
グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中!」のオレンジのアイコンが貼ってあります。グローバルナビにて...