赤ちゃんから高齢の方、外国の方など幅広い層の人々と街並みの映像が用いられているホームページです。キャッチコピーである「よく生きる」を印象づけています。ファーストビュー以降は「おすすめコンテンツ」と題し動画が左右に切り替わり興味を引く案内となっています。 ページ全体としてはパララックス効果を用いて読み進めたくなるような徐々にコンテンツが表示される仕組みです。ページ下部にはよくあるご質問・お問い合わせとサイト内オススメルートの案内がある点が特徴的です。ユーザー目線に立ったコンテンツづくりと案内をした印象の完成度の高いホームページです。
執筆者
カテゴリ
基本情報
支援サービスに関連するデザイン
-
「FLENS」のホームページデザイン解説ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...
-
「マイナビ進学」のホームページデザイン解説青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...
-
「家庭教師のトライ」のホームページデザイン解説明るいネイビーを背景として配置されたメインビジュアルにイエローとレッドの力強いロゴを配置してファーストビューで大きなインパクトを与えています。プラン紹介ではチャート図やイラストをネイビーでまとめた配色で配置し、信頼感のある、かつ親しみやすい...
コーポレートサイトに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「健康コミュニケーションズ株式会社」のホームページデザイン解説メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
ナチュラル・清潔感なホームページのデザイン
-
「ベリーベリーファーム上田」のホームページデザイン解説画面幅いっぱいに表示された農園の全体写真の鮮やかさがまず目を引き、その上に筆記体の英語フォントでキャッチコピーが重ねられています。サイトの導入部分はフルーツの切り抜き写真で囲んでポップで親しみやすい印象を与え、コンテンツは色味を統一した写真...
-
「株式会社山田興業」のホームページデザイン解説サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
