制作の流れ
お客様の目的や課題に丁寧に寄り添いながら、
ビジネス戦略に強くプロジェクト経験も豊富なWebデザインの専門家が制作を担当します。
VisuaRise Designは現場主義を軸に、
ユーザー中心設計（ UCD：User-Centered Design ）にもとづいた進め方にこだわっています。
Visuals to Choices
制作プラン紹介
Visuals to Choices
【ライトプラン】
まずはWeb上に信頼できる拠点を持ちたい
【ベーシックプラン】
事業内容を丁寧に伝えたい
【スタンダードプラン】
集客につながる動線を整え地固めしたい
【プレミアムプラン】
ブランドの世界観を確立し、事業を長期的に成長させたい
← 表は左右にスワイプ できます →
項目
ライトプラン
(名刺代わり)
ベーシックプラン
(事業説明)
スタンダードプラン
(集客強化)
プレミアムプラン
(戦略的ブランディング)
直感！でわかる、プランの違い
必要な情報を、シンプルに。
あなたの “存在” が届く
プラン説明
事業の説明やサービス内容をしっかり伝えたい方向けのプランです。
事業内容を“わかりやすく整理して伝えたい方”のためのプランです。 サービス紹介・プロフィール・会社概要など、事業の魅力を、必要十分な情報と共に丁寧に伝える構成となります。
成果につながるホームページにしたいという方のための、ユーザー中心設計 (UCD) をバランスよく取り入れた集客強化プランです。
ユーザーの行動・目的・導線を整理し、“使いやすく、伝わりやすく、成果につながる” ホームページを設計します。問い合わせ・予約・資料請求などの行動につながる構造で設計します。
ブランドの世界観を確立し、事業を長期的に成長させたい方のための最上位プラン です。
ブランドが “どう見られ、どう選ばれ、どう成長していくか” 競合分析・市場分析・ブランド整理を行い、 事業の価値を最大化する長期的な成長戦略を見据えた設計を施します。
- 人柄・価値観の認知
- 名刺型／シンプルLP型／写真中心型/おまかせの4種類柔軟な構成
- SNSリンクや連絡先の掲載
- 必要最低限の事業紹介
- 事業の信頼性の確立するための情報発信
- 商品・サービスの言語化
- 意思決定を助ける情報整理
- 伝わる文章や写真画像
- ペルソナに合わせた情報設計
- ターゲットユーザーへの導線の設計
- 競合調査のライト版
- 運用を見据えた構成
- 情緒的価値 (独自の価値観やストーリー) の情報設計
- 競合調査・市場分析
- 多ページ・多機能
- 持続的な成長と利益を最大化する仕掛け
期待効果
- Web上で圧倒的な信頼性が得られる
- 事業の「第一印象」を整えられる
- 名刺やSNSからの導線がスムーズになる
- 最短でオンライン拠点を確保できる
- 見込み客との接点が生まれる
- 興味を喚起する
- 問い合わせの不安解消する
- 顧客をリピーター化できる
- 特定の人に深く刺さり共感を得られる
- 認知拡大やコンバージョンの獲得できる
- 他社にはない価値やストーリーを伝えられる
- 長期的な集客を継続できる (ファン化)
- 事業価値が明確になり、ブランド力が向上する
- 競合に埋もれない “意味のある存在” になる
- ホームページが “スーパーエリート営業” として機能する
- 顧客がアンバサダー化して新たな顧客を呼ぶ好循環プラットフォームを構築できる
Visuals to Realities
制作の流れ
Visuals to Realities
Type1．当サイトからのお申込みの場合(UCDフルプロセス版 )
制作ステップに沿って、ユーザー中心設計の全工程を丁寧に実施しながら進行します。
UCDフルプロセス版 6つの制作ステップ
ユーザーを理解する
ユーザーのニーズと課題を理解する
実施タスク：
●ユーザーインタビュー ●アクセス解析 ●競合分析 ●課題抽出
要件定義（UX要件の整理）をする
UX要件を定義し、サイトの目的を設定する
実施タスク：
●ペルソナ ●カスタマージャーニー ●KPI ●コンテンツ洗い出し
情報設計（IA）を行う
サイトの構造とナビゲーションを設計する
実施タスク：
●サイトマップ ●ナビゲーション ●ページ構造整理
ワイヤーフレーム/プロトタイプを作成する
ページレイアウトとユーザインターフェイスを設計・作成する
実施タスク：
●レイアウト ●動線 ●UIコンポーネント設計 ●プロトタイプ作成
ユーザビリティテストを実施する
ユーザーテストを通じて課題を見つけ、改善点を抽出する
実施タスク：
●実ユーザーによる操作テスト ●課題発見 ●改善抽出
デザインを最終化する
ユーザーフィードバックに基づいて、改善→再設計→再テストを反復し、デザインを改善する
実施タスク：
●改善 ●再設計 ●再テスト
Step1
Step1では、弊社から配布するヒアリングシートに回答いただきます。
ヒアリングシートの回答に基づき、弊社にて競合分析を行います。
Step2
Step2では、お客様へのヒアリング内容をもとに、競合分析の結果を整理し、以下3点を提示させていただきます。
・UX要件、サイトの目的設定を整理した要件定義書
・初期ワイヤーフレーム
(デザイン確定前の荒々の骨組み、方向性を共有するもの)
・お見積書
内容にご同意いただけましたらご契約となり、着手金としてお見積金額の50％をご入金いただきます。その後、正式な制作工程へ進行します。
Step3
Step3では、サイト全体の構造設計を行います。
具体的には、サイトマップの作成、ナビゲーションの整理、各ページの情報構造の設計を行い、ユーザーが目的の情報へスムーズに到達できる全体の骨格を整えます。
この段階で、サイト全体のページ構成と情報の流れが明確になり、以降の制作工程の基盤が固まります。
Step4
Step4では、ページごとのレイアウト設計やユーザー導線の整理を行います。あわせて、ボタンやフォームなどのUIコンポーネントを設計し、全体の操作性を統一します。これらを踏まえ、実際の動きを確認できるプロトタイプを作成し、デザインと導線の妥当性を検証します。
最近は斬新なデザインや過度なアニメーションを求められることが増えていますが、ホームページは「見せるため」ではなく「成果を生むため」に存在します。そのため、流行の演出よりも、Use-Centered Design (ユーザー中心設計)を主眼に、ユーザーが迷わず目的の情報にたどり着ける設計と、行動につながる導線を最優先にしています。
Step5
Step6
Type2．スキルマーケット（ココナラ等）経由のお申し込みの場合
(UCDライト版・期間限定)
Type2．スキルマーケット（ココナラ等）経由のお申し込みの場合 (UCDライト版・期間限定)
ユーザー中心設計の根幹を押さえつつ、ご依頼内容に合わせて要点を選定した最適化プランとして期間限定で提供しています。
UCDライト版 3つの制作ステップ
ヒアリング＆要件整理
ヒアリングシートをもとに、目的・課題・ターゲットを整理。簡易的な競合分析も含みます。
設計の要点選定＆デザイン制作
必要な要点を選び、デザイン制作を進める
実装＆チェック、納品
デザインと機能の実装、動作確認後に納品
Step1
Step1では、ヒアリングシートへのご回答をもとに、目的・課題・ターゲットを整理します。あわせて、同業他社のホームページを中心に簡素的な競合分析を行い、方向性の判断に必要なポイントを押さえます。
ユーザー中心設計の根幹となる部分をここでしっかり固めます
Step2
Step2では、UCDフルプロセス版の制作工程の中から、お客様の目的やゴールに直結する要点を選び抜き、ホームページの構造の方向性を共有します。選定した要点を確実に反映しながら、無駄のない進行でデザイン制作を行います。
Step3
Visuals to Answers
よくあるお問い合わせ
Visuals to Answers
Q1. どのような流れで制作が進みますか？
- ユーザー理解： ヒアリングシートご回答と競合分析
- 要件定義・お見積り： 目的設定、初期ワイヤーフレーム提示、お見積り・ご契約（着手金50%）
- 情報設計（IA）： サイトマップ作成、ナビゲーション・ページ構造の整理
- ワイヤーフレーム・プロトタイプ作成： レイアウト・導線設計、動きを確認できるプロトタイプ検証
- ユーザビリティテスト・検収： 操作性の検証とお客さまによる受け入れテスト
- デザイン最終化・納品： テスト結果に基づく改善・再設計を経て納品
Q2. 制作プランにはどのような種類がありますか？
- ライトプラン（名刺代わり）：
「まずはWeb上に拠点を持ちたい」「最低限の情報で十分」という方向けのシンプルプラン。 - ベーシックプラン（事業説明）：
事業内容やサービスの魅力を整理してわかりやすく伝えたい方向けのプラン。 - スタンダードプラン（集客強化）：
ユーザー中心設計（UCD）を取り入れ、問い合わせ・予約などの行動・成果につなげる集客プラン。 - プレミアムプラン（戦略的ブランディング）：
競合・市場分析を行い、ブランド価値を最大化して長期的な事業成長を目指す最上位プラン。
Q3. 「ユーザー中心設計（UCD）」とは何ですか？
見た目のデザインだけでなく、Webサイトを訪れる「ユーザー（顧客）」の目的・行動・導線を徹底的に整理し、「迷わず目的の情報にたどり着き、行動（問い合わせや購入）を起こしやすい構造」を設計する手法です。VisuaRise Designでは、成果の出るホームページ制作のために全プランでこの考え方を取り入れています。
Q4. お支払いとご契約のタイミングはいつになりますか？
Q5. 納品後の修正対応やアフターフォローはありますか？
はい。納品後1ヶ月間はアフターフォロー期間として、軽微な修正や調整に無償で対応しております。
Q6. 納品後の運用・保守もお任せできますか？
はい、承っております。Webサイトは公開後の継続的な更新や改善によって、集客力や成果がより高まります。保守・運用をお任せいただくことで、文章の調整や画像差し替えなどの細かな更新から継続的な改善提案まで柔軟に対応し、本業に専念していただける環境をサポートいたします。
Q7. まだ要件やイメージが固まっていませんが、相談しても大丈夫ですか？
もちろんです。「こんなことを聞いてもいいのかな」と思うような段階でも問題ございません。独自のヒアリングシートを用意しておりますので、対話を通じて目的や課題を丁寧に整理いたします。まずはお気軽にお問い合わせください。