ファーストビューの画像領域では、柔らかなタッチで描かれたイラストと共に「共感してください。」の文字が一文字づつ現れる構成となっていて、興味をそそる表示です。リンクボタンも設置されていて、クリックするとコンセプトが4つの項目に分けられて表示されています。各項目はリンクになっていてさらに下層ページに遷移すると、テキスト情報でまとめられたページになっています。ユーザのスムーズな閲覧導線を意識した設計が考えられています。上部に設置されたナビゲーションメニューにはそれぞれの項目にアイコンが配置されていてわかりやすい表示になっています。全体を通して気持ちよく閲覧できるサイトです。
カテゴリ
基本情報
設計事務所に関連するデザイン
- 「株式会社ユースペースプランニング」のホームページデザイン解説
メインビジュアルは建物の外観と内装写真で構成されたスライドショーに企業ロゴを重ねたレイアウトです。タイトルは太めの英語フォントで力強く書かれ、本文のフォントを小さめにすることでジャンプ率を上げてメリハリをつけています。モノトーンの色使いと夜...
- 「浅井良工務店」のホームページデザイン解説
ファーストビューでは工務店のPRポイントがスライドショーでテンポよく切り替わり、新築住宅の魅力やイベント情報を魅力的に紹介しています。プロジェクトのアイコンになっている六角形をデザインに取り入れており、イベント案内のサムネイルを六角形にトリ...
- 「田中構造設計」のホームページデザイン解説
ブラックをベースにホワイトの白抜き文字を使ったサイトです。ファーストビューには、田中構造設計のコンセプトを紹介しています。ファーストビューの背景の右から左へ、構造設計の図面がゆっくりと流れています。グローバルナビにて、田中構造設計の業務実績...
サービスサイトに関連するデザイン
- 「島田工房」のホームページデザイン解説
メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
- 「株式会社中島利七_利七屋」のホームページデザイン解説
メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
優しい・柔らかいなホームページのデザイン
- 「医療法人 敬愛会 末広橋病院」のホームページデザイン解説
メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...
- 「株式会社りぶはあと」のホームページデザイン解説
ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
- 「株式会社ユタカ塗装」のホームページデザイン解説
サイトを開くと画面いっぱいに外壁を塗装している写真が表示され、その上にキャッチコピーと、施工のビフォーアフターの写真がスナップ風に重ねられています。見積もりフォームの囲み部分やコンテンツの区切り部分にペイント風のブラシを採り入れたり、外壁風...