NEON DPIP HP制作
制作要件
クライアント
【クライアント名】
NEON DRIP（架空企業名）
【事業内容】
洗車・コーティングブランド。
自社ブランドのケミカルを開発、販売。
全国各所に洗車コーティング専門店も展開。
制作目的
洗車・コーティングブランド
「NEON DRIP」の認知拡大
および販売促進の為制作。
ターゲット
【メインターゲット】
・20代〜40代の車好きユーザー
・洗車・コーティングに興味がある層
・SNS映えや外観の美しさを重視するユーザー
【サブターゲット】
・洗車業者・施工業者(プロショップ導入希望)
・高品質な施工サービスを求めるユーザー
構成設計
01
印象づける
【FV】
イメージキャラクターと
キャッチコピーを組み合わせ、
NEON DRIPの世界観とブランドのインパクトを
ファーストビューで伝える。
02
知る
【ABOUT NEON DRIP】
ブランドコンセプトや「洗車＝演出」
という価値観を紹介し、
ケミカル・施工・カルチャーを通して、
NEON DRIPがどのようなブランドなのかを
知ってもらう。
03
選ぶ・体験する
【PRODUCT｜PRO SHOP｜GLOW UP】
PRODUCTでは、
洗車・コーティング用品やグッズを紹介し、
オンラインストアへ誘導。
PRO SHOPでは、施工店検索から
実際にサービスを体験できる導線を設計。
さらにGLOW UPでは
施工事例や水弾き・艶感の比較を見せることで、
「自分の車もこんな風に仕上げたい」という
期待感を高め、施工・購入への
きっかけにつなげる。
04
深く知る・
ファンになる
【EVENT & RACING｜SNS】
イベント出展やレース活動、
スーパーGT協賛などの活動情報に加え、
Instagramで施工事例やキャンペーンを発信。
ブランドの活動や世界観に触れる機会を増やし、
NEON DRIPのファン化につなげる。
05
つながる・
広げる
【CONTACT｜PRO SHOP】
お問い合わせ窓口を設け、
ユーザーからの問い合わせにつなげる。
PRO SHOPページには
加盟店募集の問い合わせを設け
ユーザー・施工店・ブランドをつなぐ導線に。
コンセプト
夜・ストリート・近未来を感じさせる、
ビジュアル主導のブランド体験。
ブラックをベースに、ネオンカラーをアクセントとして使用し、
NEON DRIPらしい夜のストリート感と近未来感を表現。
車の写真や施工事例を大きく見せ、
動きのあるUIも取り入れることで、
見ているだけでもNEON DRIPの世界観を楽しめるサイトを目指しました。
配色
工夫した点
01
イメージキャラクターを設置
イメージキャラクターをFVや、サイトの所々に
設置することで、印象的に。
一目見るだけでブランドを
覚えてもらいやすくしました。
02
CTAボタンはホバー、クリックで発光。
蛍光ピンクのボタンを設置。
ホバー、クリックで発光。
「NEON DRIP」のコンセプトに合わせました。
03
スライドで施工イメージを見せる
スライドボタンまたは、ドラッグでスライドできる画像。
モバイルでは、スワイプでスライド可能。
セダン、ミニバン、ＳＵＶ、バイクなど様々な画像を
載せて、カスタマーのお車に施工した場合のイメージを
想像しやすくしました。
04
２つのお問い合わせのボタン設置
「お客様お問い合わせ」と「加盟店希望受付」と
お問い合わせおボタンを分けました。
設置することでわかりやすく、
加盟店の希望をしやすくし加盟店促進にもつなげます。
制作日
2026年６月
制作時間
ワイヤーフレーム
デザインカンプ
実装
計
2.5h
10h
27.5h
40h
使用ツール・スキル
Figma/WordPress/HTML/CSS/Javasprict
©TUNAGU×TUNAGI Design