LP（仮想のハンドソープ）

LPはこちらをご覧ください。

クライアント：架空の日用品メーカー
商品名：「おやこあい」
ターゲット：小さなお子様をもつ保護者、肌が弱い方（主に20代前半～40代　　　　前半の女性）
デザインコンセプト：商品のアピール、売り上げの向上

製作時間：デザイン・・・約１０日
　　　　　コーディング・・・約2週間

ワイヤーフレーム

デザインラフ

PC版

スマートフォン版

商品のテーマが「親子」と「優しさ」という設定のため、全体的に優しい雰囲気が出せるように淡い色やピンク色を多用しました。
「商品説明」どんなものなのか知ってもらう
↓
「ターゲット」対象者（この場合お子様がいる方や肌が弱い方）の方々に目に留まるようにする
↓
「広告動画」魅力を簡単に伝える
↓
「オンラインショップの案内」購買意欲を促進させる
という流れにしています。
前回は動きがほとんどなかったので挑戦する意思で背景の泡を動かしてみました。CSSのみで動かしています。
様々な端末で見られることを想定してターニングポイントを2つ設定しました。タブレットならこのデザイン、スマホならこのデザインとなるように考えながら作りました。実際にヘッダーやフッターなどはタブレットぐらいのサイズになってから変わるようにし、「こんな方におすすめです」の部分ではスマートフォンのサイズ感になったら表示方法を変えるようにしました。
PC版にはクリックしたら一番上に戻れるボタンを配置していますが、タブレットサイズ以下ならスクロールで簡単に戻れると判断したため上に戻れるボタンは非表示にしております。

他の「おやこあい」シリーズの作品です。よろしければご覧ください。