Htm Design
Top
Works
about
contact
Htm Design
メニュー
Top
Works
Aboout
Contact
WEBSITE(LP)
スクール課題にて制作。
「売れるだけじゃない、惹きつけるLP」をコンセプトに、ヒアリングから制作まで
一貫対応するLP制作専門サービスのランディングページ。
ターゲットの課題を可視化し、制作実績や相談事例を通して信頼性を高め、
問い合わせにつなげる構成としました。
サイトをみる
ターゲット
自社商品やサービスの販促を行いたいが、効果的なLP制作方法がわからない事業者
初めてLP制作を依頼する中小企業や個人事業主
デザインだけでなく、マーケティング視点の提案を求めているクライアント
課題
LP制作サービスは競合が多く、差別化が必要
初めて依頼する層は、制作の流れやメリットがイメージしにくい
信頼感と実績提示のバランスをとりつつ、シンプルなUIを保つ必要がある
目的
LP制作サービスの特徴・強みを明確に伝える
「依頼してみたい」と思わせる信頼感を構築する
問い合わせ・相談フォームへの導線を自然に設置し、コンバージョンを促す
情報設計
ヒーローエリア:キャッチコピー+端的なサービス説明+即行動できるCTA
課題提示:アイコンと短文で「こんな悩みはありませんか?」と共感喚起
担当者紹介:制作を担当する人物像を提示し安心感を強化
制作実績:完成LPのサムネイルで成果を視覚的に伝える
相談事例:具体的なケースを掲載し、依頼イメージを持たせる
お客様の声:信頼感をさらに補強
複数のCTA配置:スクロール中いつでも行動できる導線
プロセス
ヒアリング:ターゲットと求める成果を明確化
構成設計:課題提示→解決策→実績→行動の流れを設計
デザイン制作:信頼感と視認性を重視したレイアウト
実装(Wix):レスポンシブ対応・CTA配置の最適化
検証・調整:UI改善やCTAの位置・色を最適化
デザインのポイント
モノトーン+アクセントのイエローで視認性と信頼感を両立
丸アイコンやイラストを使い、情報量を保ちながら軽い印象に
CTAボタンは視線の流れに合わせて複数箇所に配置
実績サムネイルは余白を活かし、視認性と上質感を確保
使用ツール
Figma / Wix
制作期間
3週間
Back
Copyright © 2025 Htm Design
上部へスクロール