ファーストビューはメッセージ性の強い写真とともに、ストレートな文章が添えられた内容になっていて目に留まりやすい効果的な演出となっています。上部にはナビゲーションメニューが設置されていて、カーソルを合わせると黄色に着色される仕組みとなっています。わかりやすい効果でユーザ視点を考えられています。「難民を知る」のコンテンツでは、写真や世界地図、イラストを用いた説明が展開されていて、チャプター1から4までを順を追って閲覧することで内容を深く知ることができるようになっていて、ユーザの閲覧しやすい構成が考えられています。充実のコンテンツで、しっかりと作り込まれたサイトです。
執筆者
カテゴリ
基本情報
法人・組合に関連するデザイン
-
「日本速脳速読協会」のホームページデザイン解説コンテンツごとの色分けが絶妙で視覚的にわかりやすいサイト構成になっています。ファーストビューでは速読というあまり馴染みのないものを、そもそも速読とは何なのか？から解説しているページへのリンクが表示されていて、親切且つユーザの理解を深める効果...
-
「日本オリンピック委員会」のホームページデザイン解説ファーストビュは最新トピックスが表示らせています。全ての河面を表示させてしまうとトップページ内の情報が膨大になりすぎるため、項目数を限定し、一覧を見たい方は別ページへ遷移するデザインです。SNS・動画のカテゴリーでは5つの媒体を用いており、...
-
「地域開発研究所」のホームページデザイン解説ファーストビューでは勉強している手元の写真にアップに「施工管理士合格へ全力サポート！」のキャッチコピーを乗せ、受講講習会の検索ボックスを重ねることで、施工管理士の受験のためのサポートサイトであることを端的に伝えています。メインビジュアルの下...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
イエローを使ったデザイン
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
-
「めざまし茶づけ」のホームページデザイン解説鮮やかな山吹色の背景と、手書き風の緩いタッチの水色のロゴがまず目に入るインパクトのあるファーストビューです。エリアごとのイエロー・グリーン・スカイブルーの3色の背景は元気な印象を与え、ページの上下端に引かれたラインはお茶漬けのパッケージと同...
-
「LEGO clickbrick」のホームページデザイン解説鮮やかなイエローの画面がまず目に入り、レゴのキャラクターが回転しながらせり上がってくるカルーセルがユニークなファーストビューです。メインエリアはホワイトの背景にレッド・グリーン・ブルーのアクセントカラーを使ったレゴにマッチした色使いで、ボタ...
ナチュラル・清潔感なホームページのデザイン
-
「協立不動産株式会社」のホームページデザイン解説メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
-
「滋賀創寫舘」のホームページデザイン解説メインビジュアルは結婚式や七五三などのフォトシュートの様子をまとめたスライドショーで、英語の筆記体のタイトルでお洒落なイメージを、リボンやガーランドのあしらいで可愛らしく親しみやすいイメージを演出しています。またスライドショーの下部は波型に...
-
「アーネスト株式会社_apod」のホームページデザイン解説メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドに...
