無料相談 ↗
MENU
ES-UP/制作例・支援内容

SAMPLES & SUPPORT DETAILS

戦略を、伝わる形へ。制作から運用までの実装サンプル。

Webサイト、EC、LP、広告、計測、公開後の改善まで。ES-UPが実務で設計・制作・運用する成果物を、業務フローに沿ってご紹介します。

掲載内容は、仕様と品質水準を示すためのコンセプトサンプルです。顧客名・ロゴ・成果数値・口コミ等の未承認情報は使用していません。

掲載しているもの制作物・設定・運用工程の例
掲載していないもの未承認の顧客名・成果数値・口コミ
01
STRUCTURE & DESIGN

設計の解像度を、完成品質につなげる。

ページ構造、情報の優先順位、PC・スマートフォンの見え方まで、制作前に判断できる状態へ整えます。

SAMPLE 01 / SITE MAP

サイトマップ・ページ一覧

目的、対象、必要な情報と行動導線を、制作前に一枚の構造へ整理します。

  • ページ階層
  • 主要導線
  • 担当範囲
SAMPLE 01 / SITE MAPSAMPLE / 制作例
HOMEコーポレートサイト
01事業・サービス
02企業情報
03導入・制作例
04お問い合わせ
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 02 / WIREFRAME

ワイヤーフレーム

見た目を作る前に、情報の順序、CTA、フォームまでの流れを確認します。

  • 見出し構成
  • コンテンツ順序
  • CTA位置
SAMPLE 02 / WIREFRAMESAMPLE / 制作例
PRIMARY MESSAGE
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 03 / RESPONSIVE

PC・スマートフォンデザイン

1440pxと390pxを中心に、読みやすさと操作しやすさを確認します。

  • PCレイアウト
  • モバイルUI
  • フォーカス表示
SAMPLE 03 / RESPONSIVESAMPLE / 制作例
1440768390
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
02
WEB EXPERIENCE

業種と商流に合わせて、検討導線を実装する。

EC、店舗、製造、医療、LP。それぞれ異なる検討行動に合わせ、必要な情報とCTAを設計します。

SAMPLE 04 / EC PRODUCT

EC商品ページ

商品情報、価格、在庫、配送、購入ボタンを一つの検討導線へまとめます。

  • 商品画像・説明
  • 価格・在庫
  • 購入導線
SAMPLE 04 / EC PRODUCTSAMPLE / 制作例
架空のEC商品ビジュアル
PRODUCT CATEGORY

商品名・主要ベネフィット

★★★★★ SAMPLE

OPTION AOPTION B
配送在庫決済
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 05 / STORE

店舗・予約ページ

サービス、料金、営業時間、アクセス、地図、予約への動きを整理します。

  • 店舗情報
  • 地図・アクセス
  • 予約導線
SAMPLE 05 / STORESAMPLE / 制作例
STORE
STORE INFORMATION

店舗・施設名

営業時間・アクセス・サービス

本日の空き状況予約可能
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 06 / MANUFACTURING

製品・技術ページ

製品分類、仕様、用途、技術、設備、資料請求を検討者向けに整理します。

  • 製品・用途
  • 技術・設備
  • 資料・問い合わせ
SAMPLE 06 / MANUFACTURINGSAMPLE / 制作例
架空の精密製造設備ビジュアルPRODUCT / A-01PRECISION MANUFACTURING / SAMPLE
PRODUCT SPECIFICATION
用途産業設備
材質仕様に応じて選定
対応個別設計
資料PDF / CAD
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 07 / CLINIC

診療・予約ページ

診療内容、受診案内、医師・施設、診療時間、予約を確認しやすく整えます。

  • 診療内容
  • 受診案内
  • 予約・アクセス
SAMPLE 07 / CLINICSAMPLE / 制作例
CLINIC
MEDICAL INFORMATION

安心して受診できる
診療情報設計

架空のクリニック内観ビジュアル
診療内容初診案内診療時間
APPOINTMENT予約日時を選択
MONTUEWEDTHUFRI
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 08 / LANDING PAGE

LP構成・フォーム・完了画面

広告の訴求から入力、送信、完了計測までを一続きで設計します。

  • 訴求・CTA
  • フォーム
  • 完了・CV計測
SAMPLE 08 / LANDING PAGESAMPLE / 制作例
CAMPAIGN / LANDING PAGE
VALUE PROPOSITION

顧客の課題に応える
明確なメッセージ

CONTACT FORMお問い合わせSSL / PRIVACY
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 09 / AD CREATIVE

広告用静止画・広告文

媒体と遷移先の表現をそろえ、承認済み素材で入稿物を作成します。

  • 広告文
  • 簡易静止画
  • 入稿情報
SAMPLE 09 / AD CREATIVESAMPLE / 制作例
AD CREATIVE / 1:1NEW

伝えるべき価値を、
一目で分かる表現へ

MESSAGE / BENEFIT / ACTION

9:16VERTICAL
1.91:1DISPLAY
TEXT

AD COPY
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
03
MEASURE & IMPROVE

公開後の判断と改善まで、運用できる形で残す。

広告、計測、品質確認、月次報告、改善タスク、運用手順を一つの改善サイクルとして整備します。

SAMPLE 10 / MEASUREMENT

計測設計・イベント一覧

CTA、フォーム完了、資料請求など、判断に使うイベントを整理します。

  • イベント名
  • 発火条件
  • 確認方法
SAMPLE 10 / MEASUREMENTSAMPLE / 制作例
USER ACTION→dataLayer→GTM→GA4
EVENTTRIGGERPARAMETERSTATUS
cta_clickCTA clicklink_urlREADY
form_startInputform_typeREADY
form_completeSuccesslead_typeREADY
downloadPDFasset_nameREADY
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 11 / PRE-LAUNCH

公開前チェックリスト

表示、リンク、フォーム、SEO、計測、料金・契約表記を公開前に確認します。

  • PC・モバイル
  • 主要アセット
  • メタ・構造化データ
SAMPLE 11 / PRE-LAUNCHSAMPLE / 制作例
PRE-LAUNCH QAREADY公開前確認
表示・操作

CHECKED
リンク・導線

CHECKED
フォーム

CHECKED
SEO・構造化

CHECKED
計測・同意

CHECKED
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 12 / MONTHLY REPORT

月次レポート

確認した指標、実施作業、次の判断材料を同じ資料へまとめます。

  • 主要指標
  • 実施内容
  • 次月確認
SAMPLE 12 / MONTHLY REPORTSAMPLE / 制作例
MONTHLY REPORT実施内容と次の判断材料
SAMPLE / 20XX.XX
SESSIONSINDEX 112
INQUIRYINDEX 106
CV ACTIONINDEX 121
PERFORMANCE TREND
NEXT ACTION

優先施策と担当を確認

更新対象と完了条件を共有

次月の計測項目を設定

ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 13 / IMPROVEMENT

改善タスクリスト

課題、優先度、担当、完了条件を明確にし、作業へつなげます。

  • 優先度
  • 担当
  • 完了条件
SAMPLE 13 / IMPROVEMENTSAMPLE / 制作例
BACKLOG01
P1

導線を改善

TASK
P1

情報を更新

TASK
P1

計測を確認

TASK
IN PROGRESS02
P2

導線を改善

TASK
P2

情報を更新

TASK
REVIEW03
P3

導線を改善

TASK
P3

情報を更新

TASK
DONE04
P4

導線を改善

DONE
P4

情報を更新

DONE
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT
SAMPLE 14 / OPERATIONS

更新・運用手順

公開後に止まらないよう、更新対象、権限、確認順序を共有します。

  • 更新対象
  • 権限・素材
  • 確認フロー
SAMPLE 14 / OPERATIONSSAMPLE / 制作例
WORKFLOW / 01コンテンツ更新フロー
01
REQUEST

更新内容を受付

→
02
PRODUCE

原稿・画像を反映

→
03
REVIEW

表示と内容を確認

→
04
PUBLISH

承認後に公開

→
OWNERES-UP / CLIENTSTATUSAPPROVED
ES-UP / DELIVERABLE CONCEPTNOT AN ACTUAL CLIENT RESULT

SUPPORT PROCESS

PlanからImproveまでを、
一つの支援工程として。

  1. 01PLAN

    目的・範囲・役割・計測

  2. 02PRODUCE

    ページ・導線・設定

  3. 03LAUNCH

    表示・リンク・フォーム確認

  4. 04MEASURE

    問い合わせ・購入・CTA確認

  5. 05IMPROVE

    優先順位に沿った更新

EVIDENCE POLICY

支援実績を掲載するときの基準

CONTACT

必要な制作物と運用範囲を、
一緒に整理します。

サービスが決まっていなくても、現状と目的からご案内します。

無料相談 ↗