男性向けのシャンプーを訴求するためのランディングページです。ファーストビューはフェードインアニメーションを利用し、ポップな印象を与えています。導線部分はスクロールしても上部に固定されるヘッダーナビゲーションに購入できるショップへのリンクを収めたアコーディオンボタンを設置しています。スクロールしてもヘッダーは固定されているのでユーザーが購入意欲を刺激されたタイミングですぐに購入アクションへ進むことができます。また商品ラインナップ・ブランドヒストリーなどのセクションごとに購入ボタンを設置し訴求力を高めています。下層ページには商品へのQ&Aを設置し比較的短いランディングページにも関わらずユーザーエクスペリエンスの高いサイトになっています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「アーネスト株式会社」のホームページデザイン解説画面左側に縦長のナビゲーションメニューが常に表示された2カラムのレイアウトで、メインエリアはサイトを開くとキャッチコピーを挟んで上下に2種類のスライドショーが表示され、それぞれ画像のトリミングと再生速度を変化させています。やや青みがかった濃...
-
「有限会社鈴屋」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、鮮やかな川辺の写真や質の高さを感じさせる布団の写真で信頼感をまず与えます。企業紹介ではシンプルなイラストアイコンにキャプションを添えて、企業の強みを端的に表現しています。シンプルな1カ...
-
「有限会社 グッドライフ上越」のホームページデザイン解説サイトを開くと画面幅いっぱいにメインビジュアルが広がり、写真を組み合わせたレイアウトと力強い英語フォントの組み合わせは雑誌のようなお洒落なイメージを感じさせます。モノトーンにくすんだグリーンをアクセントカラーにした落ち着いた色使いで、太いラ...
LPに関連するデザイン
-
「ドコドアWP」のホームページデザイン解説サイトを開くとワードプレスのコーディング実績をラベルやリボンで協調した、鮮やかなビジュアルがまず目に入ります。ワードプレスのロゴに近いくすんだブルーに、補色のピンクを組み合わせた鮮やかな色使いが目を引く色使いです。ユーザーの悩みをテキストと...
-
「株式会社山王プロダクション_無料オーディションLP」のホームページデザイン解説メインビジュアルは女性モデルを右側に、キャッチコピーを左側に配置した構成で、背景を斜めにカットしてキャッチコピーを右上がりにすることで躍動感を演出しています。シンプルな1カラムのレイアウトに鮮やかなグリーンをメインカラーにしたさわやかな色使...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
ブルーを使ったデザイン
-
「株式会社ヘルシー不動産」のホームページデザイン解説鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
-
「株式会社 ティ･エス･ケイ」のホームページデザイン解説メインビジュアルはぼかした苔を虫眼鏡で覗くとクロアリの顔がアップで映るユニークな構成で、虫眼鏡を中心としたメーカーであることが一目でわかるようになっています。グレーとくすんだネイビーをメインカラーにした落ち着いた色使いで、背景はホワイト1色...
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
ポップなホームページのデザイン
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
-
「新潟陸運株式会社」のホームページデザイン解説サイトを開くと鮮やかなブルーのベタが一面に広がり、中央に企業ロゴがアニメーションで描かれた後、画面が切り替わってメインページに移動する演出が施されています。メインページを開くとスライドショーが画面右に寄せて表示され、下に帯を敷いたキャッチ来...
-
「社会福祉法人恵心福祉会 めばえのにわ保育園」のホームページデザイン解説サイトを開くとまず画面中央に小さな双葉のイラストが現れ、画面が切り替わると画面上部に敷かれた鮮やかな水彩風のテクスチャと、流体シェイプの形にトリミングされたスライドショーで園児たちの楽しそうな様子が目に入ります。くすんだオレンジとグレーを中...
