上部に設置されたナビゲーションメニューはスクロール追従型の固定表示されており、サイトの内容がわかりやすくスムーズな閲覧が可能な設計になっています。ファーストビューでは大きくテキストが表示されていて、ストレートに内容が伝わる構成です。スクロールしていくと人物の写真が並べて表示されており、写真をドラッグして左に流すと次の写真が現れる仕組みになっており目を引く演出となっています。サイト内にはセリフ体のフォントを大きく配置して、上品な雰囲気を演出する要素になっています。全体を通してシンプルでナチュラルなデザインに仕上げられており、気持ちよく閲覧できるサイトです。
カテゴリ
基本情報
サービスに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「Oui Will™」のホームページデザイン解説
ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
Webメディアに関連するデザイン
- 「やさしい切りかた辞典」のホームページデザイン解説
鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...
- 「デザイナーのフォント見本帳「F」」のホームページデザイン解説
画面いっぱいに表示されたビジュアルがスクロールで次々と現れる一見シンプルなサイトですが、ビジュアルをクリックすると使用されているフォントの一覧と解説のページが表示され、フォントのサンプル文をワンクリックで変更出来たり、サイズや行間をスライダ...
- 「イーヨ 〜子育てシングルの応援サイト〜」のホームページデザイン解説
クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
ナチュラル・清潔感なホームページのデザイン
- 「自然素材のある暮らし」のホームページデザイン解説
ブラウンのオーバーレイを重ねた写真が互い違いにスクロールする上に、太めのフォントでシンプルにキャッチコピーが乗ったファーストビューです。ベージュやブラウンをメインにした落ち着いた色使いに、角を取って丸くした写真やボタンと、画面スクロールとと...
- 「晃友 上九沢クリニック」のホームページデザイン解説
サイトにアクセスすると、施設内の様子がスライドショーで紹介されており、クリニックへの信頼感をまず感じさせます。メインビジュアルの真下にナビゲーションメニューを配置したレイアウトで、各ページはアクセスするとまずビジュアルと病院ロゴ、電話番号と...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...