URL
概要
全1ページ。JavaScriptにより、動きのあるサイトを実現しました。
また、ランディングページのため、マーケティング要素を強く打ち出しました。
担当範囲・制作時間
制作期間:7日、総制作時間:30h
- ・コンセプト設定:1h
- ・ワイヤーフレーム:XD(4h)
- ・素材収集、加工:ネット上無料サイト(商用利用可)Photoshop(2h)、Illustrator(5h)(受賞歴部分等)
- ・コーディング Visual Studio Code, 言語:HTML,CSS,JavaScript(18h)
アピールポイント
◎マーケティング：ランディングページの目的である、マーケティングを徹底的に意識した構成にしました。
◎サイバーデザイン：テクノロジー技術の高さを示すため、サイバーを感じさせるデザインにしました。次に何が来るのか分からないわくわく感で、長いページながら、最後まで読みたくなるデザインです。
コンセプト
『時代を変える新時代AI搭載ドライヤー』
近年AI技術の進展により、多くの家電が目覚ましい進化を遂げています。
しかし、ドライヤーは、非常に身近かつ、様々なメーカーが次々と新製品を出しているにも関わらず、
機能面での大きな変化が無いと感じており、AIを活用した利便性の高いドライヤーがあれば、
大きく売上を上げられると考え、これをコンセプトと決めました。
ターゲット
『テクノロジーオタク+ドライヤーが面倒くさい人』
ドライヤーサイトを複数調査したところ、どこのメーカーでも「髪が綺麗になる」ことを売りにしており、
マーケティング方法の偏りを感じました。逆転の発想で、今回のコンセプトであるAI技術を好むテクノロジーオタクと、ドライヤーが面倒くさい人をターゲットとすることで、新たな市場開拓を図りました。
デザインコンセプト
『The・Cyber』
テクノロジーの無限の可能性、すなわち宇宙と捉え、宇宙を想起させる黒を背景色に設定しました。
また、JavaScript を使い、動きのあるサイトにすることで、サイバー感をより強く打ち出せるよう意識しました。
☆色：メインカラー:#000 サブカラー:#154cf3 アクセントカラー:#ff00b3
サブカラーやアクセントカラーで、彩度の強い色を入れ、背景色黒の中でも、読みやすい配色を意識しました。
☆ロゴデザイン：Illustratorを使用し、オートヘアセットの部分で、スマホアプリのトップロゴ、また受賞歴の部分で、仮想の表彰ロゴ5点を作成しました。それぞれ、イメージを膨らませ、作成することで、実際にありそうなリアリティを追求しました。
マーケティング
『怒涛の畳み掛けマーケティング』
ランディングページということで、ページを見るだけで、購買決定ができるよう、様々な角度から情報を入れていくことで、何度も畳み掛けるマーケティングを意識しました。また、それぞれの項目の中でも、情報一つ一つにコピーをつけ、一目で情報が理解できるよう心がけました。