イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重ねられた文字で鳥羽エリアの楽しみ方を提案しています。サムネイルの写真はブラックのオーバーレイが重ねられ、上に重ねたスカイブルーのタイトルとホワイトのキャプションとのコントラストをつけて視認性を上げています。鳥羽エリア全体をホテルに見立てることで、ナチュラルなイメージから一線を画したポップな観光紹介サイトになっています。
カテゴリ
基本情報
etcに関連するデザイン
- 「有福温泉ポータルサイト」のホームページデザイン解説
ファーストビューは温泉に入る女性とその地域の自然や伝統芸能の写真で構成されたスライドショーが表示され、温泉街の風情と自然の豊かさを感じさせます。写真をランダムに重ねた上に明朝体のキャッチコピーを重ねた訴求エリアと、画面右から左に流れるカルー...
- 「青山ブックセンター」のホームページデザイン解説
トップページのスライドショーは縦幅をコンパクトにしたため、新刊書も含めて画面に表示されるファーストビューです。ナビゲーションメニューとフッターに使われた鮮やかなブルーがアクセントになったシンプルな色使いで、規則正しいレイアウトは実店舗で棚に...
- 「SNOWS<スノー>」のホームページデザイン解説
画面中央に大きくブランドロゴが表示され、画面が切り替わると水彩風のイラストとお菓子の切り抜き画像で構成されたビジュアルが表示されるファーストビューです。溶けた雪のような淡いブルーのグラデーションで雪のひんやり感を、濃いブルーに樹木のシルエッ...
サービスサイトに関連するデザイン
- 「萬珍軒」のホームページデザイン解説
画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...
- 「FruOats(フルオーツ)」のホームページデザイン解説
ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
イエローを使ったデザイン
- 「雪印北海道バター」のホームページデザイン解説
コンテンツを表示するエリアは常にバターのパッケージと同じ太いネイビーと細いラインで囲まれ、ブラウザの表示サイズ変更にも追従させており、常に画面内に表示されるイエローのヘッダーエリアと合わせてブランドイメージを形作っています。淡いクリーム色と...
- 「りの部屋」のホームページデザイン解説
画面右に手書き風のアニメーション、左に縦書きのキャッチコピーをシンプルに配置したファーストビューで、画面をスクロールすると窓の中の風景が入れ替わり、動物が歩いて入れ替わるユニークな演出がされています。メインコンテンツは袋文字の英語フォントに...
- 「Cheeseness Burger ToGo」のホームページデザイン解説
サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...
イラスト・手書き感なホームページのデザイン
- 「合同会社 木漏れ日農園」のホームページデザイン解説
筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...
- 「SPOT」のホームページデザイン解説
レンタルオフィスの予約サービスサイトです。ファーストビューは画面左にシンプルな手書きのイラスト、右にキャッチコピーを配置した、シンプルながらパッと目を引くデザインです。会議室の利用シーンの紹介では英語、日本語、イラストを組み合わせたビジュア...
- 「本と美容室」のホームページデザイン解説
ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...