これまでに手がけた建築の写真を用いたファーストビューがサイトを開いてまず目に飛び込んできて、ゆっくりとズームアウトするモーションが加えられていることで思わず見入ってしまうような効果的な表示となっています。切り替わる画像にはテレビCMで使われているイラストを用いた画像もあり、興味を誘う演出となっています。スクロールすると、ピックアップコンテンツの表示が現れ、それぞれにサムネイル画像を用いたリンク表示が見やすい構成となっています。「企業情報」のページでは各項目にアイコンが用いられて内容が直感的にわかりやすい表示になっていてしっかりとユーザ視点を考えられています。全体的にシンプルな構成で気持ちよく閲覧できるサイトに仕上がっています。
カテゴリ
基本情報
設計事務所に関連するデザイン
- 「株式会社ユースペースプランニング」のホームページデザイン解説
メインビジュアルは建物の外観と内装写真で構成されたスライドショーに企業ロゴを重ねたレイアウトです。タイトルは太めの英語フォントで力強く書かれ、本文のフォントを小さめにすることでジャンプ率を上げてメリハリをつけています。モノトーンの色使いと夜...
- 「浅井良工務店」のホームページデザイン解説
ファーストビューでは工務店のPRポイントがスライドショーでテンポよく切り替わり、新築住宅の魅力やイベント情報を魅力的に紹介しています。プロジェクトのアイコンになっている六角形をデザインに取り入れており、イベント案内のサムネイルを六角形にトリ...
- 「田中構造設計」のホームページデザイン解説
ブラックをベースにホワイトの白抜き文字を使ったサイトです。ファーストビューには、田中構造設計のコンセプトを紹介しています。ファーストビューの背景の右から左へ、構造設計の図面がゆっくりと流れています。グローバルナビにて、田中構造設計の業務実績...
コーポレートサイトに関連するデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
堅め・信頼感なホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
- 「株式会社山田興業」のホームページデザイン解説
サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...