実戦演習 ― 依頼に応えるデザイン

1. シートを写す上の6項目を、Figmaか紙に自分のヒアリングシートとして写します。
2. 店長役をお願いするスタッフに「パン屋の店長役」をお願いします (この後の案件1の予行です)。スタッフの都合がつかない日は、AIに「架空のパン屋の店長として答えて」と頼む方法もあります。
3. 15分聞くシートの順に質問し、答えをそのまま書き込みます。きれいにまとめようとせず、相手の言葉のまま書くのがコツです。
4. 最後に要約を返す「つまり、◯◯な人に◯◯してもらうための、◯◯な雰囲気のデザイン、で合っていますか?」と確認します。この一言で、勘違いの9割は防げます。

1. 軸を決めるヒアリングの「雰囲気」の答えから、振り幅を作ります。例:「暖かい」が注文なら、A案 = 王道の暖かさ (暖色 + 丸み)、B案 = 素朴さ寄り (生成り色 + 手書き風)、C案 = 上質さ寄り (深い茶 + 明朝体)。
2. ラフは小さく3枚1案を作りこまず、それぞれ30分のラフで止めます。提案段階の作りこみは、外れたとき全部無駄になります。
3. 理由を1行ずつ添える「B案は『安っぽく見られたくない』の答えとして、余白を多めに取りました」のように、ヒアリングの言葉と結びつけます。
4. 聞かれる前に弱点も言う「C案は上質に見えますが、親しみは少し下がります」。正直な提案は、それだけで信頼されます。

お題: 授業1の15分ヒアリングの結果から、3案のラフを作り、店長役のスタッフに5分で提案します。1案を選んでもらうところまでがゴールです。

お題: 自分の過去の作品 (ユニット3の美容室カンプなど) を1つ選び、次の5枚の修正依頼が来たと想定して、それぞれ「翻訳 + 直し案」を作ります。直しは実際に手を動かします。

1. カード①「文字が読みにくい気がする」― まずコントラスト検査をします。合格なら、次はサイズと行間を疑います。検査 → 仮説 → 直しの順です。
2. カード②「もっと高級感を」― 高級の定番翻訳は「余白を増やす・色数を減らす・明朝体・細い線」です。2つだけ選んで適用します。
3. カード③「全部目立たせて」― そのままやると全部沈みます。「一番大事なのはどれですか?」と優先順位を聞き返すのが正解です。聞き返す台本を書きましょう。
4. カード④「ピンクをもっと増やして」― 言われたままがほぼ正解のカードです。ただし70 : 25 : 5が崩れない範囲で増やし、崩れる場合は代案を添えます。
5. カード⑤「前の方が良かった」― 戻すのは負けではありません。Figmaのバージョン履歴から前の版を呼び出して、両方並べて選んでもらいます。履歴の開き方 (ファイル名横のメニュー → Show version history) も練習しましょう。

設定: おなじみのパンの森が、新作食パンの予約を増やしたいと相談に来ました。納品物はA4チラシ1枚とSNS用正方形画像1枚です。授業1〜3の例題がそのまま予行になっているので、流れに乗るだけで完走できます。

1. ヒアリング授業1の例題の記入例を、そのまま今回の答えとして使ってOKです。
2. 3案ラフ → 提案授業2の例題の3方向 (王道・素朴・上質) で作ります。
3. 制作 → 修正対応 → 納品選ばれた案を仕上げ、修正1回に翻訳つきで応え、PNG書き出し (Figmaの右下Export) で納品します。

設定: 地域の子ども食堂が、活動を知ってもらい寄付と見学を増やすための1ページサイトを作りたがっています。納品物はスマホ版 + PC版のカンプです。相手は「派手なのは苦手。怪しく見えないことが一番大事」と言っています。

設定: 雑貨店の冬のセール (12月1日〜25日・全品2割引き) を、SNS正方形 (1080 × 1080)・Webバナー横長 (728 × 90)・ストーリー縦長 (1080 × 1920) の3サイズで展開します。同じデザインルールで、形の違う3枚をそろえる ― 反復の卒業試験です。ヒアリングの質問づくりから、自分だけで回してみましょう。

案件ごとに「うまくいったこと・詰まったこと・次はこうすること」を3行ずつ書きます。この9行は、ユニット6でポートフォリオの「制作の物語」の材料になります。