男性向けのシャンプーを訴求するためのランディングページです。ファーストビューはフェードインアニメーションを利用し、ポップな印象を与えています。導線部分はスクロールしても上部に固定されるヘッダーナビゲーションに購入できるショップへのリンクを収めたアコーディオンボタンを設置しています。スクロールしてもヘッダーは固定されているのでユーザーが購入意欲を刺激されたタイミングですぐに購入アクションへ進むことができます。また商品ラインナップ・ブランドヒストリーなどのセクションごとに購入ボタンを設置し訴求力を高めています。下層ページには商品へのQ&Aを設置し比較的短いランディングページにも関わらずユーザーエクスペリエンスの高いサイトになっています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「EVE un BLUE」のホームページデザイン解説鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「ダイソー」のホームページデザイン解説サイトにアクセスすると鮮やかなショッキングピンクのベタが一面表示され、ダイソーのブランドカラーを強く印象付けます。鮮やかなピンクのベタをメインカラーにした、フラットなデザインでもポップで明るい印象を感じるデザインです。通常はホワイトや淡いグ...
LPに関連するデザイン
-
「仏壇ナビ」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。グローバルナビにて宗派や仏事の解説、仏壇や仏具などを案内しています。トップページの中央に、当サイトを訪れる初めての方に読んでほしい記事を掲載しています。仏壇業界の傾向、仏壇・仏具を購入す...
-
「HiGash.Net」のホームページデザイン解説グレーをベースにブラックをアクセントにした、シンプルな1ページで構成されたサイトです。テキストにはブラックの明朝体のフォント、見出しには白抜き文字を使っています。見出しの文字にカーソルをあてると、背景色がブラックからレッドに変化します。トッ...
-
「disBlog」のホームページデザイン解説ホワイトをベースに、ブルーやグレーをアクセントにしたサイトです。ホームページ制作会社ドアズのスタッフブログです。グレー地にブルーの文字で書かれた見出しに、子犬が日付をつぶやいています。メガネのイラストに「もりちーのWEBもりもり」と表示され...
ブルーを使ったデザイン
-
「フロンティア総合会計事務所」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
-
「ゆめ中央保育園」のホームページデザイン解説ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
-
「おおたか総合法律事務所」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
