カラフルで可愛らしいイラストを使ったファーストビューが印象的で、見ていて気分が高揚するような素敵な演出となっています。イラストは画像領域に配置されており、写真に切り替わる動きが加えられていることでアイキャッチの効果と、より深く内容を閲覧したいという気持ちが高まる構成が考えられています。ナビゲーションメニューに使われているフォントがサイトのタイトルと同じものが使われていて、サイトの雰囲気を形作る要素になっています。ファーストビューの画像を含め、コンテンツ表示に使われている写真やリンク表示が全て角丸の四角で統一されていて、細かな部分もしっかりとコンセプトに合わせたデザインが施されています。
カテゴリ
基本情報
ツアー・体験教室・観光に関連するデザイン
- 「Walkerplus」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、動物園や水族館などの「おでかけ動画」を掲載しています。グローバルナビにてイベント情報や人気スポット、行き先などを案内しています。トップページは2カラム構成、左サイド...
- 「旅ツウ」のホームページデザイン解説
旅行予約サイトとして旅行形態としても国内・海外、航空券とホテルのセットやレンタカーなど多岐に渡り複雑ですがうまくまとめられておりユーザーも不自由なく目的の旅行形態を検索することができるページです。ファーストビューは複数枚の特集の案内の画像が...
- 「名鉄観光」のホームページデザイン解説
トップページ上部にはグローバルナビゲーションとマイページの表示があります。ユーザーがページ内にで迷子にならないように、また使用頻度の高いものを設定しています。ファーストビューの画像は左右に切り替わるデザインです。どれも文字とイラストを上手に...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
イラスト・手書き感なホームページのデザイン
- 「社会福祉法人たんぽぽ会 虹の丘保育園(公式ホームページ)」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
- 「光の森キャロット保育園 公式サイト 熊本県菊陽町認可保育園」のホームページデザイン解説
ブルーをベースに、園名の「キャロット」にちなんだ“にんじん”がトレードマークのサイトです。かわいいうさぎが、にんじんを持って立っています。ファーストビューには、光の森キャロット保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保...
- 「社会福祉法人新星会 双葉保育園(公式ホームページ)」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...