各種お知らせやニュースリリースなど最新情報が多い中、お知らせを重要なものと会社からの案内に分けていたり、トップページ内には最小限の件数を表示しており一覧は、別途別ページに遷移する方法をとっています。また誰向けのコンテンツなのか、対象者を明確にし、各ユーザー別に充実したコンテンツを用意しています。 PICKUPは知る学ぶと題し、6つのカテゴリーに分けて案内をしています。それぞれの案内は画像を用いておりアイキャッチに優れています。全体として白と青を基調としたさわやかなデザインのホームページです。
執筆者
カテゴリ
基本情報
保険会社に関連するデザイン
-
「山京株式会社」のホームページデザイン解説メインビジュアルは建物の外観と業務中の様子を組み合わせた写真で、中央に大きくキャッチコピーを配置してユーザーに信頼感を与えます。ブルー系でまとめられたすっきりとした色使いで、見出しはブルーの英語フォントに細いラインと小さく日本語のキャプショ...
-
「アイペット損害保険」のホームページデザイン解説メインビジュアルはペットの写真に契約者数の実績がアイコンで表示され、ペット保険の信頼感を感じさせます。コンテンツは契約を検討する方と契約中の方それぞれに合わせてタブで切り替えられるようになっており、検討中の方には商品の内容や料金比較、契約中...
-
「東京海上日動あんしん生命」のホームページデザイン解説トップページ上部にはまず初めに大切なお知らせの表記があります。水色の背景となっており主張しすぎない程度に目立つデザインです。またさらに上には資料請求、お問い合わせ、検索バー、メニューの表示がありユーザビリティに優れた案内となっています。 ...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ホワイトを使ったデザイン
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
-
「株式会社森山建設」のホームページデザイン解説サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
-
「ビストロやま_ウェディングサイト」のホームページデザイン解説メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
爽やかななホームページのデザイン
-
「弁護士法人千代田中央法律事務所」のホームページデザイン解説メインビジュアルにはスーツ姿の男性の写真を大きく使い、写真の余白を生かしてキャッチコピーを大きく配置しています。導入部分は写真を暗いトーンで配置し、ノートPCのイラストを囲むように吹き出しを配置して、誹謗中傷への悩みがないか問いかける構成で...
-
「本郷メディカルソリューションズ株式会社_M&A」のホームページデザイン解説メインビジュアルでは力強いキャッチコピーとともに企業の実績をラベル風のデザインで大きく表示し、サイトを訪れたユーザーに信頼感を与えます。さわやかなブルーグリーンをメインに、オレンジとネイビーをアクセントカラーにした色使いが鮮やかでパッと目を...
-
「機能改善専門スタジオ ザリフォーマー」のホームページデザイン解説メインビジュアルはパーソナルトレーニングの様子を撮影した写真の上にホワイトの帯を敷いて端をマスクで馴染ませ、その上にキャッチコピーを配置しています。すぐ下に暗いイエローの帯を敷いて、トレーニングの結果のサンプルページへと誘導しています。くす...
