よいデザインは、
よい関係性から生まれる。

銭湯の湯船で男性が二人向かい合っているイラスト

Web制作のための、発注&パートナーシップ構築ガイド

Web制作を発注・依頼する

ための

入門書!

SCROLL

Web制作を依頼するのが初めてで手順が分からず不安…過去に依頼した際にイメージと違うサイトができてしまった…
制作する際スケジュールが現実的でなく大変…設計や準備の重要性を理解してもらえない…

Web制作でこれらの問題を解決する鍵は、両者の「良好な関係の構築」にあります。

Web制作業界では受発注の関係が多く存在しています。発注者がやってほしいことを指示して、受託者が要件通りに遂行する。

これだと現代では、もう自分でやってしまうか AI に頼んだ方が早いし安いし簡単です。ただ、それでは同じようなそれっぽいクオリティのものが量産されてしまうだけ。

そこで、プロから意見をもらい、一緒に作り上げていく「コラボレーション」が必要になっていきます。

これからのWeb制作におけるコラボレーションを実現するために、株式会社caroaでは「Web制作のための、発注&パートナーシップ構築ガイド」という書籍を出版することになりました。

このサイトでは、そんな良好な関係の構築を「お風呂に入りながら語り合う姿」に見立てて、書籍の中身や書籍では語っていない色々な会社のパートナーシップの考え方を紹介していきます。

ゆったり〜とした気持ちでご覧ください♨️

本書の構成

Part 1

もくもくとした吹き出しにクエッションマークのあるイラスト

コラボレーションのための共通認識づくり

Web制作プロジェクトにおいて「パートナーシップ」がなぜ重要なのか、それによってどのような価値が生まれるのかなど、「パートナーシップ」の大切さについて解説します。

Part 2

二つの吹き出しにエクスクラメーションマークのあるイラスト

Web制作プロジェクトの実践

実際のプロジェクトの流れに沿って、発注側とデザインチームがどのような役割を果たし、どのようなプロセスでプロジェクトが進んでいくのか、現場感を取り入れながら解説します。

のれんのイラスト

さまざまなパートナーシップの湯

さまざまなパートナーシップの湯
パートナーシップの湯について

パートナーシップのカタチは十人十色。ここでは6名のパートナーシップにおけるモットーを紹介しています。

自社の肌に合うパートナーを見つけるきっかけに♨️

NEWTOWNの湯

パートナーシップのモットー

お客様とは呼ばず、「お客さん」と言うようにしています。
丁寧すぎず、でもなれなれしくならないほど良い距離感を大切にしてます。

プロフィール画像

NEWTOWN

犬飼 崇

neccoの湯

パートナーシップのモットー

お客さまの期待を超える量の準備をしてプロジェクトに望む。お客さまに感動してもらえるように先回りして提案する。

プロフィール画像

necco inc.

阿部 文人

gazの湯

パートナーシップのモットー

まずは人として信頼してもらい、本質的なビジネス課題を共に追求、解決することを大切にしています。

プロフィール画像

gaz, Inc.

吉岡 ヤス

もちの湯

パートナーシップのモットー

屡々その人の人生をそっと覗かせてもらいます。そこからキラリと光る、その人だけのお宝が見つかるんです。

プロフィール画像

MAKIKO SAKAMOTO

もち

クックドゥードゥードゥーの湯

パートナーシップのモットー

いいデザインはいい空気から!お客さんがリラックスして気軽に話せる、ほっこりドーム作りを大切にしています。

プロフィール画像

クックドゥードゥードゥー

おおはし

Re:designの湯

パートナーシップのモットー

お客様と向き合うんじゃなく、一緒の方向を向くこと。
共に課題解決に向けて伴走するチームの意識を持つ。

Re:design

渡辺 祐樹

目次

Part 1コラボレーションのための共通認識づくり

Chapter 1

よいデザインは、よい関係性から生まれる

パートナーシップとは

デザインってなに?

お互いを理解するために

Chapter 2

Web制作プロジェクトの基礎知識

プロジェクト全体の流れ

プロジェクトに関わる人と、その役割

デザインに関する共通言語

Webサイトに関する共通言語

進行のポイント

お金の話

Part 2Web制作プロジェクトの実践

Chapter 3

Web制作プロジェクトの基礎知識

社内体制の整理から始める

要件は一緒に作る前提で整理する

サイト公開後の「運用」を視野に入れる

問い合わせ時には「要件と期待値」を伝える

Chapter 4

デザインパートナーを選定する

初回相談の場では「共感できるか」を確かめる

提案では「納得できるか」を確かめる

最後の決め手は「継続できるか」どうか

Chapter 5

プロジェクトをマネジメントする

プロジェクトは設計が9割

変動しない項目を整理する「プロジェクトと仕様書」

変動する項目を可視化する「スケジュール書」

キックオフ会議で合意形成をとる

着実にプロジェクトを前進させるための「タスクシート」

過去と未来のリスクに備える

Chapter 6

Webサイトを設計する

課題設計:「なぜWebサイトを作るのか?」を見える化する

セグメント設計:「届ける人」を見える化する

戦略設計:「訪問者の経路」を見える化する

コンテンツ設計:「届ける情報」を見える化する

情報設計:「ユーザー体験」を見える化する

プラン設計:“らしさ”を見える化する

Chapter 7

Webサイトを制作する

共通の印象を見える化する

メインビジュアルで具体的な伝わり方を定める

ワイヤーフレームにコンテンツを当てはめる

デザインプロセスの進捗とフィードバック量の関係性

ユーザー視点とSEO視点から実装を確認する

公開までの段取りは日単位のスケジュールで進める

Chapter 8

パートナーシップの継続

レクチャー会を実施して、自走できる環境を作る

振り返り会を実施し、プロジェクトを積み立て式にする

継続的にできそうなパートナーシップを実践する

あとがき

設計資料テンプレート集

著者紹介

葉栗 雄貴

株式会社caroa 代表取締役。
新卒でデザイン事務所に入社し、展示会やイ
ベントなどの空間デザインを担当。
2017年、BtoBのマーケティング・セールス支援を行うスマートキャンプ株式会社に入社。複数プロダクトで開発、デザイン、PMを担当。
2020年、株式会社caroaを創業、代表取締役
就任。現在はWebサイトやデジタルプロダク
トのデザイン制作や、デザインに関する研修
を行う。

@thisis8911

伊藤 優汰

株式会社caroa プロジェクトマネージャー、
株式会社ルー 代表取締役社長。
1995年岐阜県生まれ。大学中退後、NPO法人グリーンズ、株式会社大伸社コミュニケーションデザイン、株式会社スマイルズを経て現職。
Webサイトを中心としたコミュニケーションとブランディング支援を実施。

出版社情報

http://www.bnn.co.jp/

編集者

村田純一

書籍デザイン

駒井和彬(こまゐ図考室)

カバーイラスト

マエダユウキ

カバー以外のサイト内イラスト

株式会社caroa

株式会社caroaについて

ビジネス向けデザインパートナー「カロアデザイン」、Web制作の実践型オンラインスクール「カロアキャンプ」、法人向けのデザイン・Web制作内製化研修「カロアキャンプ for Business」

https://caroa.jp
BNNより発売されるカロア監修の書籍。タイトルはWeb制作のための、発注&パートナーシップ構築ガイド。

Web制作のための、
発注&パートナーシップ
構築ガイド

著者:葉栗雄貴/伊藤優汰
定価:本体2,700円+税
仕様:A5判/272ページ
ISBN:978-4-8025-1236-7

カロアについて

このWebサイトもカロアで制作をしています。カロアの作るコンテンツにご興味を持っていただいた方はぜひご相談お待ちしています!

Webサイトを相談する

カロアで働く