サイトを開くとまず、大きく表示された製品の写真が目に飛び込んできて、インパクトのある演出が施されています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、印象に残りやすい効果が実装されています。スクロールして行くと上部にカテゴリ切り替えタブが設置された製品紹介項目が展開され、カテゴリ内のそれぞれの製品がサムネイル写真で表示されていることで見やすい構成になっています。「ABOUT US」の項目では背景に店内の写真を用いており、目に止まりやすい構成がしっかりと考えられています。利用シーンの写真なども細かく使用されていて、写真が多数使われていることで鮮やかなサイトに仕上げられています。
カテゴリ
基本情報
生活用品に関連するデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「ダイソー」のホームページデザイン解説
サイトにアクセスすると鮮やかなショッキングピンクのベタが一面表示され、ダイソーのブランドカラーを強く印象付けます。鮮やかなピンクのベタをメインカラーにした、フラットなデザインでもポップで明るい印象を感じるデザインです。通常はホワイトや淡いグ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
鮮やか・元気なホームページのデザイン
- 「Safari Riot」のホームページデザイン解説
海外アーティストの公式サイトです。ファーストビューではホワイトの画面いっぱいに太字の袋文字フォントでトレーラーへのリンクが並び、マウスオーバーするとフォントが縦長に、背景色もがらりと変わって動画がポップアップされる凝った構成です。画面をスク...
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「Glossom株式会社」のホームページデザイン解説
マーケティングエージェンシーのコーポレートサイトです。ファーストビューではイエロー・オレンジ・レッドの3色のドレスをまとった女性が軽やかに踊るシーンがスライドショーで流れ、「be in full bloom」のキャッチにふさわしく花が咲き乱...