Service 02

UI / Visual Design 🎨 デザインカンプ

コーディング前のビジュアル設計をお任せ。制作物の完成イメージを事前に共有します。

サービス概要

作る前に、
イメージを共有する。
それがデザインカンプです。

FigmaやAdobe XDを使ったワイヤーフレーム・デザインカンプ制作に対応します。コーディングやシステム実装の前に、完成イメージを視覚化することで認識のズレをなくします。

社内エンジニアへの引き渡し用データや、クライアント提案用のプレゼンテーションカンプなど、用途に合わせて柔軟に対応します。

修正・調整はカンプの段階で行うため、コーディング後の大幅な変更を防ぎ、プロジェクト全体のコストと時間を節約できます。

Figma
対応ツール
認識共有
事前に解消
修正
柔軟に対応
デザインカンプ制作のイメージ
対応内容

ビジュアル設計の全工程に対応します。

Figmaデザインカンプ

Figmaを使ったPC・スマートフォン両対応のデザインカンプを制作。エンジニアへの引き渡しや、クライアント確認用として活用できます。

ワイヤーフレーム

デザイン前の骨格設計。情報の配置・導線・レイアウト構造を確認するためのワイヤーフレームを作成し、設計段階での認識合わせを行います。

プロトタイプ作成

クリックやタップで動作するプロトタイプを作成。実際の操作感を体験しながら、UXの改善点を早期に発見できます。

UIデザイン

ボタン・フォーム・ナビゲーションなどのUI部品を統一したルールでデザイン。使いやすく、ブランドに一貫性のある画面を設計します。

スタイルガイド制作

カラー・フォント・余白・コンポーネントのルールをまとめたスタイルガイドを作成。開発チームへの引き渡し品質を高めます。

デザイン提案資料

クライアントへのデザイン方向性提案に使えるビジュアル資料を作成。複数案の比較・ムードボード・参考事例をまとめた提案資料を制作します。

制作プロセス

ご依頼から納品までの流れ

ヒアリングをしっかり行い、
期待通りのデザインに仕上げます。

STEP 01

ヒアリング

サービス・ターゲット・ブランドイメージ・参考サイト・使用目的などをヒアリング。要件を整理した上で制作に入ります。

約60〜90分
STEP 02

ワイヤーフレーム

情報配置・画面遷移・コンテンツ量を整理したワイヤーフレームを作成。デザイン前に構造を確認していただきます。

約3〜5日
STEP 03

デザインカンプ制作

ワイヤーフレームをもとにFigmaでデザインカンプを制作。カラー・フォント・余白を含む完成に近いビジュアルを提出します。

約1〜2週間
STEP 04

修正・納品

ご確認いただき、2回まで修正対応。最終承認後にFigmaデータ・書き出し素材を納品します。

修正2回まで込み
料金目安

デザインカンプの費用

下記はあくまで目安です。画面数・複雑さ・
修正回数によって変動します。

プラン・内容 参考価格(税抜) 備考
ワイヤーフレーム(1画面) ¥8,000〜 PC・SP各1画面。画面数により変動
デザインカンプ(1画面) ¥20,000〜 PC・SP各1画面。修正2回込み
LPデザインカンプ(1ページ) ¥30,000〜 PC・SP両対応
コーポレートサイト(5P) ¥80,000〜 トップ+下層4ページ。PC・SP対応
UIデザイン(コンポーネント一式) ¥50,000〜 ボタン・フォーム・ヘッダー等一式
スタイルガイド ¥30,000〜 カラー・フォント・コンポーネント集
※ 表示価格は税抜きの参考価格です。実際のお見積もりはヒアリング後にご提出します。
※ Figmaデータの納品が基本です。Adobe XD等ご希望の場合はご相談ください。
よくあるご質問

デザインカンプでよくいただく質問

Q. Figmaを持っていなくても大丈夫ですか?
A.

はい、問題ありません。Figmaは無料プランで閲覧・コメントが可能です。ブラウザからも確認できますので、専用ソフトのインストールは不要です。確認方法についてはご説明します。

Q. デザインカンプとコーディングをセットで依頼できますか?
A.

はい、セットでのご依頼も承っています。カンプ制作 → コーディング → WordPress構築まで一貫して対応することで、スムーズに進めることができます。

Q. 修正は何回まで対応していただけますか?
A.

基本的に2回まで修正に対応しています。大幅な方向転換が必要な場合は別途ご相談となります。最初のヒアリングで方向性をしっかり確認することで、修正を最小限に抑えるよう心がけています。

Q. コーディングは自社エンジニアが行う予定ですが、デザインカンプのみ依頼できますか?
A.

もちろんです。エンジニアへの引き渡しを前提としたデザインカンプのみのご依頼も承っています。スペック記載・コンポーネント整理など、実装しやすい形での納品に対応します。

Q. スマートフォン版のデザインも含まれますか?
A.

ご要望に応じて対応します。PC版のみ、PC+SP両対応など、ご予算・ご要件に合わせてお見積もりします。

Q. 複数ページのデザインをまとめて依頼した場合、割引はありますか?
A.

ページ数が多い場合は一式でお得なお見積もりをご提案できる場合があります。まずはご相談ください。

他のサービス

合わせてご検討ください

Service 01
サイト制作
コーポレート・LP・ECサイト
詳しく見る →
Service 03
広告デザイン
バナー・チラシ・DM制作
詳しく見る →
Service 05
ロゴ作成
ブランドロゴ・VI設計
詳しく見る →
Service 04
名刺作成
名刺・会社案内・封筒
詳しく見る →
すべてのサービスを見る →
ご依頼・ご相談
デザインカンプのご相談、
お気軽にどうぞ。
要件が固まっていなくても、まずはご相談ください。
無料相談はこちら →