ファーストビューではダークな画面の中にスモーク風のグラフィックがうごめき、中央に配置された企業名にも鮮やかなレインボーカラーのアニメーションを重ねて、スタイリッシュなイメージを強く感じさせます。ベースの色使いはモノトーンでまとめ、タイトルやサムネイルの周囲に余白を多くとり、文字の大きさにコントラストをつけることでスタイリッシュな印象に仕上がっています。画面右端に小さなタブが2枚設置されており、マウスオーバーするとポップアップしてそれぞれWeb制作オーダー、ブライダル関係のサイトへと移動し、テイストのがらりと変わるページを別サイトへと分けることでサイト内のイメージを統一させています。
カテゴリ
基本情報
ホームページ制作会社に関連するデザイン
- 「株式会社aircord」のホームページデザイン解説
サイトにアクセスすると3DCG風に描かれた企業ロゴと、SF映画を思わせる独特のフォントで書かれたキャッチコピーがまず目を引きます。実績紹介ではパノラマ風に画面幅いっぱいに配置された3枚のムービーの上に袋文字でタイトルが書かれ、マウスオーバー...
- 「Houndstooth Design & Communications」のホームページデザイン解説
マイアミにあるデザインスタジオのサイトです。ページにアクセスすると、ツートンカラーに分けられた画面の中央にシンプルに挨拶が表示され、直下の「What We Do」のテキストとラインでページ下部へのスクロールを促しています。事業一覧はマウスオ...
- 「Caroselling」のホームページデザイン解説
イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...
コーポレートサイトに関連するデザイン
- 「西山製麺 ドイツ法人」のホームページデザイン解説
画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
- 「Elena Iv-skaya」のホームページデザイン解説
ロシアの女性フォトグラファーのポートフォリオサイトです。ファーストビューは4枚の写真で構成されたスライドショーで、作品とともにトリミングした同シリーズの作品の一部をリンクカーソルに添えていて、写真とサムネイルが同時に移動する構成になっていま...
- 「STRIVE」のホームページデザイン解説
サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
かっこいいなホームページのデザイン
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説
ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
- 「Waitless」のホームページデザイン解説
サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...