トップページがファーストビューで完結しており、スクロールが無い設計になっています。街を俯瞰で眺めているような立体的なイラストのみがトップページに表示されていて、初めにポップアップ表示でサイト閲覧の仕方が説明されます。イラストは常に色々な箇所が動いていて、眺めているだけでも面白いデザインになっています。気になった箇所にカーソルを合わせると表示されるピンをクリックして下層ページに遷移できる仕組みになっていて、いろんな箇所をクリックして内容を見てみたくなる心理を突いたつくりがワクワクします。下層ページによっては同様のテイストで作られた施設内のイラストが表示され、膨大な作り込みに驚きます。非常に遊び心の溢れたデザインでユーザーが楽しく商品を知ることができる作りになっていて、クオリティの高いサイトと言えます。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「EVE un BLUE」のホームページデザイン解説鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「ダイソー」のホームページデザイン解説サイトにアクセスすると鮮やかなショッキングピンクのベタが一面表示され、ダイソーのブランドカラーを強く印象付けます。鮮やかなピンクのベタをメインカラーにした、フラットなデザインでもポップで明るい印象を感じるデザインです。通常はホワイトや淡いグ...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
-
「GINZA WEDDING BOOK 25ans」のホームページデザイン解説銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「美容室MILLOR」のホームページデザイン解説ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
イラスト・手書き感なホームページのデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「光の森キャロット保育園 公式サイト 熊本県菊陽町認可保育園」のホームページデザイン解説ブルーをベースに、園名の「キャロット」にちなんだ“にんじん”がトレードマークのサイトです。かわいいうさぎが、にんじんを持って立っています。ファーストビューには、光の森キャロット保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
