ファーストビューはメッセージ性の強い写真とともに、ストレートな文章が添えられた内容になっていて目に留まりやすい効果的な演出となっています。上部にはナビゲーションメニューが設置されていて、カーソルを合わせると黄色に着色される仕組みとなっています。わかりやすい効果でユーザ視点を考えられています。「難民を知る」のコンテンツでは、写真や世界地図、イラストを用いた説明が展開されていて、チャプター1から4までを順を追って閲覧することで内容を深く知ることができるようになっていて、ユーザの閲覧しやすい構成が考えられています。充実のコンテンツで、しっかりと作り込まれたサイトです。
カテゴリ
基本情報
法人・組合に関連するデザイン
- 「日本速脳速読協会」のホームページデザイン解説
コンテンツごとの色分けが絶妙で視覚的にわかりやすいサイト構成になっています。ファーストビューでは速読というあまり馴染みのないものを、そもそも速読とは何なのか?から解説しているページへのリンクが表示されていて、親切且つユーザの理解を深める効果...
- 「日本オリンピック委員会」のホームページデザイン解説
ファーストビュは最新トピックスが表示らせています。全ての河面を表示させてしまうとトップページ内の情報が膨大になりすぎるため、項目数を限定し、一覧を見たい方は別ページへ遷移するデザインです。SNS・動画のカテゴリーでは5つの媒体を用いており、...
- 「地域開発研究所」のホームページデザイン解説
ファーストビューでは勉強している手元の写真にアップに「施工管理士合格へ全力サポート!」のキャッチコピーを乗せ、受講講習会の検索ボックスを重ねることで、施工管理士の受験のためのサポートサイトであることを端的に伝えています。メインビジュアルの下...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
イエローを使ったデザイン
- 「TIMETABLE」のホームページデザイン解説
アメリカのヒップホップアーティストWhoareiのアルバム告知のページです。イエローのバックに9枚のアニメーションがタイル状に配置された下に、配信サイトへのリンクが添えられたのみのシンプルな構成ですが、アニメーションはマウスでドラッグしてル...
- 「PLATFORM」のホームページデザイン解説
トップページ上部にはまず初めに、何が出来るサービスであるかを端的に1文で説明し、あわせて簡単な紹介文を掲載しています。背景は明るいはっきりとした黄色を用いることでインパクトのあるデザインに仕上がっています。ページ下部へ進むと、タイトルと説明...
- 「あおば会計事務所」のホームページデザイン解説
イエローをベースにグリーンをアクセントにしたサイトです。青葉のイラストが、会計事務所のトレードマークとなっています。ファーストビューには、植木鉢で植物を育てているイラストが描かれています。グローバルナビにてあおば会計事務所の事業内容、料金表...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...