水色の背景にキャラクターが登場するポップでワクワク感のあるデザインから始まるホームページです。ページが切り替わると鮮やかなよく晴れた南城市の風景が映し出されグッと引き込まれるデザインです。 トップページ内の下記タイトルに関しては手書き文字を使用しておりカジュアルで温かみのある印象です。またパララックス効果を用いてページを読み進めたくなるデザインです。 ページ全体を通してさまざまな写真を使用していますが単に四角の枠内ではなく丸みを帯びた枠を多用しており優しさを感じさせます。全体として鮮やかでさわやかな印象で雑誌のようにサクッと読めるホームページです。
執筆者
カテゴリ
基本情報
ツアー・体験教室・観光に関連するデザイン
-
「Walkerplus」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、動物園や水族館などの「おでかけ動画」を掲載しています。グローバルナビにてイベント情報や人気スポット、行き先などを案内しています。トップページは2カラム構成、左サイド...
-
「旅ツウ」のホームページデザイン解説旅行予約サイトとして旅行形態としても国内・海外、航空券とホテルのセットやレンタカーなど多岐に渡り複雑ですがうまくまとめられておりユーザーも不自由なく目的の旅行形態を検索することができるページです。ファーストビューは複数枚の特集の案内の画像が...
-
「名鉄観光」のホームページデザイン解説トップページ上部にはグローバルナビゲーションとマイページの表示があります。ユーザーがページ内にで迷子にならないように、また使用頻度の高いものを設定しています。ファーストビューの画像は左右に切り替わるデザインです。どれも文字とイラストを上手に...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
カラフルを使ったデザイン
- 「TWKS」のホームページデザイン解説
素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
-
「SOLES GAUFRETTE」のホームページデザイン解説画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となって...
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
爽やかななホームページのデザイン
-
「PATRICK」のホームページデザイン解説サイトを開くと大きく表示された写真が目に飛び込んできて、インパクトのある演出が施されています。画像はスライドショーで切り替わる仕組みになっており、ユーザの興味を抱かせる工夫がしっかりと考えられています。スクロールしていくと特集記事の項目が展...
-
「P&G」のホームページデザイン解説ホワイトをベースにブルーをアクセントにしたサイトです。トップページでは、水玉の中にP&Gのブランドを紹介しています。中央に「何かお探しですか？」と検索窓を設けています。スクロールすると、P&Gについていろいろわかります。グローバルナビにて、...
-
「メディネット」のホームページデザイン解説ナビゲーションメニューを画面左に固定したレイアウトで、鮮やかなスカイブルーのサイトロゴと、ダークグレーのメニューが信頼感を感じさせます。下層ページも淡いグレーをメインに、スカイブルーをアクセントカラーにしたフラットなデザインで、CGのイメー...