「イーヨ 〜子育てシングルの応援サイト〜」のホームページデザイン解説

ファーストビューは温泉に入る女性とその地域の自然や伝統芸能の写真で構成されたスライドショーが表示され、温泉街の風情と自然の豊かさを感じさせます。写真をランダムに重ねた上に明朝体のキャッチコピーを重ねた訴求エリアと、画面右から左に流れるカルー...

トップページのスライドショーは縦幅をコンパクトにしたため、新刊書も含めて画面に表示されるファーストビューです。ナビゲーションメニューとフッターに使われた鮮やかなブルーがアクセントになったシンプルな色使いで、規則正しいレイアウトは実店舗で棚に...

画面中央に大きくブランドロゴが表示され、画面が切り替わると水彩風のイラストとお菓子の切り抜き画像で構成されたビジュアルが表示されるファーストビューです。溶けた雪のような淡いブルーのグラデーションで雪のひんやり感を、濃いブルーに樹木のシルエッ...

鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...

画面いっぱいに表示されたビジュアルがスクロールで次々と現れる一見シンプルなサイトですが、ビジュアルをクリックすると使用されているフォントの一覧と解説のページが表示され、フォントのサンプル文をワンクリックで変更出来たり、サイズや行間をスライダ...

くすんだブルーの背景に大きく表示された手書き風のロゴが、大きなインパクトを与えるファーストビューです。コンテンツの概要はイエローとグリーンのエリアが交互に表示され、マウスオーバーするとホワイトに入れ替わることでコントラストをつけてパッと目を...

サイトを開くとまず、画面いっぱいにアイソメトリックスで街並みが描かれ、マウスのスクロールで画面内を移動できるポップアップが表示されます。マップ内の各施設はコンテンツの入り口として機能しており、マウスオーバーするとコンテンツのタイトルが吹き出...

メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...

レンタルオフィスの予約サービスサイトです。ファーストビューは画面左にシンプルな手書きのイラスト、右にキャッチコピーを配置した、シンプルながらパッと目を引くデザインです。会議室の利用シーンの紹介では英語、日本語、イラストを組み合わせたビジュア...

ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...