全画面表示されたファーストビューはまず会社ロゴの成り立ちがアニメーションで表示され、その後に会社の実績紹介のムービーへと切り替わります。画面をスクロールさせると幾何学模様のイメージビジュアルの下に表示される業務内容がアニメーションで浮かび上がる構成です。エリアごとブラック・レッド・グレーの背景色を使ったフラットなデザインと、ボックスにシャドウを大きく使い立体感と奥行きを感じさせるデザインを使い分けてます。
カテゴリ
基本情報
ホームページ制作会社に関連するデザイン
- 「株式会社aircord」のホームページデザイン解説
サイトにアクセスすると3DCG風に描かれた企業ロゴと、SF映画を思わせる独特のフォントで書かれたキャッチコピーがまず目を引きます。実績紹介ではパノラマ風に画面幅いっぱいに配置された3枚のムービーの上に袋文字でタイトルが書かれ、マウスオーバー...
- 「Houndstooth Design & Communications」のホームページデザイン解説
マイアミにあるデザインスタジオのサイトです。ページにアクセスすると、ツートンカラーに分けられた画面の中央にシンプルに挨拶が表示され、直下の「What We Do」のテキストとラインでページ下部へのスクロールを促しています。事業一覧はマウスオ...
- 「Caroselling」のホームページデザイン解説
イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...
コーポレートサイトに関連するデザイン
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「STRIVE」のホームページデザイン解説
サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
- 「弁護士 杉田昌平」のホームページデザイン解説
グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、杉田昌平弁護士事務所が写っています。グローバルナビにて、取扱い業務やかかる料金などを案内しています。トップページの中央に、法令を遵守して外国人材を受入れるための法務...
レッドを使ったデザイン
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
- 「島田&アソシエイツ国際税理士事務所」のホームページデザイン解説
グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シンガポールの景色が写っています。グローバルナビにて島田&アソシエイツ国際税理士事務所の対応実績、シンガポール進出サポートや国際税務サポートなどを案内しています。ブル...
- 「Helixes」のホームページデザイン解説
グレーをベースに、レッドやブラックをアクセントにしたサイトです。ファーストビューには、Helixesのコンセプトが英語で表示されています。2本ラインのメニューボタンにて、Helixesの会社情報や業務内容を案内しています。カーソルをあてたと...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...