トップページが二つに分割されており、左側はムービーや短い間隔で切り替わる写真が用いられたビジュアルエリアになっていて、右側はサムネイルリンク写真が一覧表示になったコンテンツエリアが展開されています。右端にはナビゲーションメニューの固定表示があり、斬新且つ合理的な構成が特徴です。コンテンツエリアはスクロールしていくと非常に多くの記事が用意されていることがわかり、楽しく閲覧できる充実の内容となっています。またサムネイル写真は角丸の四角で統一されていてカーソルを合わせるとテキスト部分に青色のスクリーンが現れて写真が少しズームインするモーションが加えられています。統一感があって、しっかりと作り込まれたサイトに仕上がっています。
カテゴリ
基本情報
運送会社に関連するデザイン
- 「アーク引越センター」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューの右から左へ、アーク引越センターのサービス内容をスライドさせています。グローバルナビにて引っ越しプラン、引っ越しの流れなどを案内しています。「単身・ひとり暮らしの引っ越しプ...
- 「ヤマト運輸」のホームページデザイン解説
ホワイトをベースに、グリーンやイエローをアクセントにしたサイトです。黒猫のイラストに鍵マークの付いたイエローバナーから、「クロネコメンバーズ」のログイン画面に移ります。ビジネスバッグのイラストに鍵マークの付いたネイビーのバナーは、「ヤマトビ...
- 「VARIE」のホームページデザイン解説
ホワイトをベースにブルーをアクセントにしたサイトです。トップページは左右に分かれており、左側は東武スカイツリーライン新越谷駅に直結している「新越谷VARIE」、右側から草加駅直結の「草加VARIE」の駅ビルのサイトにアクセスできます。それぞ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
迫力なホームページのデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Bornfight」のホームページデザイン解説
クロアチアのデザイン事務所のコーポレートサイトです。サイトにアクセスすると、ブラック1色の画面に力強く書かれたホワイトのキャッチコピーが特大のインパクトを与えます。実績紹介は画面全体を2分割して左にテキスト、右にビジュアルを配置した構成です...
- 「Caroselling」のホームページデザイン解説
イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...