ムービーがファーストビュー上で展開されて、思わず見入ってしまうような演出になっています。また、全画面領域になっていることでインパクトがあり、サイトの導入として効果的な表示がしっかりと考えられています。ロゴマークにも使われているパステル調のエメラルドグリーンがサイト内のキーカラーとして各要素に使われていて、統一感のある構成が展開されています。スクロールしていくと写真をメインに内容が展開されていき、鮮やかで興味をそそるデザインになっています。サイト内で用いるフォントは、細めのゴシック体を採用して、設計事務所らしさを表現した繊細なデザインを表現するのに一役買っています。全体を通してしっかりと作り込まれていて完成度の高いサイトです。
カテゴリ
基本情報
設計事務所に関連するデザイン
- 「浅井良工務店」のホームページデザイン解説
ファーストビューでは工務店のPRポイントがスライドショーでテンポよく切り替わり、新築住宅の魅力やイベント情報を魅力的に紹介しています。プロジェクトのアイコンになっている六角形をデザインに取り入れており、イベント案内のサムネイルを六角形にトリ...
- 「田中構造設計」のホームページデザイン解説
ブラックをベースにホワイトの白抜き文字を使ったサイトです。ファーストビューには、田中構造設計のコンセプトを紹介しています。ファーストビューの背景の右から左へ、構造設計の図面がゆっくりと流れています。グローバルナビにて、田中構造設計の業務実績...
- 「梓設計」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、梓設計の仕事ぶりが写っています。ブルーのバナーをクリックすると、ニュースやトピックスのページに移ります。グローバルナビにて梓設計の会社情報や業務内容、コンセプトなど...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
かっこいいなホームページのデザイン
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説
ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
- 「Waitless」のホームページデザイン解説
サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...