Coconala募集内容に合わせた演示ページ

店舗・事務所向け
2ページLP制作デモ

STUDIOでの制作を想定し、レスポンシブ対応・基本SEO内部対策・問い合わせ導線まで、伝わる順番で設計したデモです。

想定納期
2026年7月30日
構成
2ページ
ツール
STUDIO想定
色味
黄・オレンジ系

Planning

見た目だけでなく、問い合わせにつながる順番で設計します。

50代のユーザーにも読みやすい文字サイズ、迷わないボタン配置、信頼感のある写真と実績表示を重視。店舗・事務所の強みが短時間で伝わる構成にします。

Scope

今回の募集に合わせた対応範囲

01

LP企画・構成

ターゲット、目的、強み、問い合わせ導線を整理し、ファーストビューからCTAまで自然につなげます。

02

レスポンシブ制作

スマホ閲覧を前提に、PCでもスマホでも崩れないレイアウトを作成します。

03

基本SEO内部対策

title、description、見出し構造、画像alt、内部リンク、表示速度を確認します。

04

改善提案

公開後に見るべき数値と改善ポイントを簡潔にまとめ、次の修正に活かせる形で共有します。

相談しながら資料を確認するビジネス担当者

Design Point

50代にも伝わりやすい、落ち着いた情報設計。

黄色・オレンジの明るさは残しながら、余白とコントラストで信頼感を出します。文字は小さくしすぎず、ボタンは目的ごとに整理して配置します。

  • 電話・問い合わせボタンを目立つ位置に配置
  • サービス内容、料金目安、実績を順番に掲載
  • 写真の雰囲気を統一し、店舗・事務所らしい安心感を演出

Sample Cases

店舗・事務所LPで使いやすい事例ブロック

明るいオフィス受付のイメージ
Office

士業・相談事務所

信頼性、相談しやすさ、初回問い合わせの心理的ハードルを下げる構成。

チームで打ち合わせをする様子
Shop

地域店舗・サービス業

写真、口コミ、アクセス、予約導線を整理し、来店につなげます。

ノートパソコンで分析画面を見る様子
Analyze

公開後の改善

アクセス数、CTAクリック、問い合わせ率を確認し、改善案を提案します。

Flow

納品までの進め方

  1. ヒアリング目的、ターゲット、掲載内容、既存URL、ドメイン状況を確認します。
  2. 構成案作成2ページの役割と見出し、CTA、必要素材を整理します。
  3. デザイン制作STUDIOで再現しやすい構成を前提に、スマホ優先で作ります。
  4. SEO設定タイトル、ディスクリプション、見出し、画像alt、リンクを確認します。
  5. 公開前チェック表示崩れ、リンク、フォーム、スマホ表示、速度を確認します。

Contact Area

まずは素材と公開環境を確認し、無理のない範囲で進めます。

写真、登録済みサイトURL、STUDIOアカウント、独自ドメインの有無を確認したうえで、制作範囲を明確にして着手します。

このフォームは演示用です。実制作ではSTUDIOフォームや外部フォームに接続します。