「LPを作ります」と言葉で書いても、実際にどんなものが届くのかは伝わりません。そこで、ジャンルの違うランディングページを5本つくって、そのまま開けるページとして公開しました。この記事では、その5本を並べてご紹介します。
掲載しているのはすべてデザインサンプルです。店名・大学名・商品名・料金・日付・数値はすべて架空のもので、実在する店舗や団体ではありません。実際にご依頼いただいた案件の掲載ではありません。
ジャンルが変われば、つくりも変わります
同じ「1ページのLP」でも、カフェと期間限定フェアでは、ふさわしい色も文字の大きさも余白の取り方も違います。5本は、その振れ幅がわかるように、あえてバラバラのジャンルで作りました。画像はパソコンで開いたときの最初の画面です。
Komorebi Coffee Roastery
写真を大きく見せて、文字は最小限にしたページです。焙煎所のある店なので、明朝体と深い緑で落ち着いた雰囲気にしました。メニューと営業時間へのボタンを最初の画面に置いています。
Rusted Crown Vintage
同じ「お店のページ」でも、こちらは余白を大きく取って静かに見せています。商品を並べて売るのではなく、店の空気を先に伝える構成です。買い付けや修理の情報を、下に細かく続けています。
いちごフェア 2月14日 — 3月6日
期間と数量が決まっているものは、日付をいちばん目立たせます。色数を増やして、上から下まで飽きずに読める流れにしました。終了日が入るページなので、あとから差し替えやすい作りにしています。
OPEN CAMPUS 2026
読む相手が高校生と保護者なので、書体を大きめにして、専門用語を減らしています。開催日と「予約する」ボタンが常に見えるようにして、迷わず申し込みまで進める形にしました。
SHIFT/9 PERSONAL TRAINING
速さと強さを見せたかったので、黒地に蛍光色を1色だけ乗せています。スクロールに合わせて数字や線が動きます。ページの上のほうに、体験予約のボタンと実績の数字をまとめました。
5本に共通していること
- HTMLとCSSで作った1ページ構成です。ページを開いてすぐ、何のページかがわかる作りにしています。
- スマートフォンでの表示に対応しています。文字が切れたり、横にはみ出したりしないところまで確認しています。
- 問い合わせ・申込ボタンを設置しています。画面のどこにいても押せる位置に置いています。
- スクロールに合わせて要素が動きます。動きが苦手な方の設定（視差効果を減らす）にも対応しています。
基本料金に含まれるもの
- 1ページのランディングページ（HTML・CSS）
- スマートフォン表示への対応
- ご支給いただいたテキスト・画像のレイアウト
- 問い合わせ・申込ボタンの設置
- 納品前の表示確認
- 修正 2回
料金と納期
（税込）〜
お届け 14日（予定）／修正 2回
1ページ／お支払いはココナラ経由
大幅な構成変更、コピーライティング、画像制作、複雑な機能の追加は別途お見積りとなります。表示しているのは基本料金です。最新の料金・納期・詳しい条件は、ココナラの出品ページをご確認ください。
ご用意いただくもの
すべて揃っていなくても構いません。決まっていない項目は、その旨をお知らせいただければ、こちらから確認させていただきます。
- LPの目的、商品・サービスの内容
- 想定しているお客様（ターゲット）
- ご希望の色みや、参考にしたいページ
- 原稿テキストと画像素材（ない場合はその旨）
- ご希望の納期・納品形式
5本すべての作例と、料金・条件をまとめた紹介ページを用意しています。
ご購入前の無料見積り相談も承っています。
コメント