「ちびっこうべ」のホームページデザイン解説

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、動物園や水族館などの「おでかけ動画」を掲載しています。グローバルナビにてイベント情報や人気スポット、行き先などを案内しています。トップページは2カラム構成、左サイド...

旅行予約サイトとして旅行形態としても国内・海外、航空券とホテルのセットやレンタカーなど多岐に渡り複雑ですがうまくまとめられておりユーザーも不自由なく目的の旅行形態を検索することができるページです。ファーストビューは複数枚の特集の案内の画像が...

トップページ上部にはグローバルナビゲーションとマイページの表示があります。ユーザーがページ内にで迷子にならないように、また使用頻度の高いものを設定しています。ファーストビューの画像は左右に切り替わるデザインです。どれも文字とイラストを上手に...

ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...

絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...

斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...

画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...

次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...

背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...

全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...

グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...

画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...