よう@webディレクター

//今日の一歩が未来を変える//未経験からスカウトされてディレクターへ | 家族との時間を大切にしたくて2020.12プログラミング学習開始｜現在制作会社10社とお仕事中｜札幌 ｜8歳6歳の母｜医療職10年・専業主婦8年｜お仕事、学習の相談はお気軽にDMください🍀

[よう@webディレクター @yo_prog]

※ディレクターになりたい方はブクマを✨

未経験ママからWebディレクターになった私が
制作会社様からご依頼いただいている
【ワイヤーフレーム制作工程】を解説します！

＝＝＝

今回のご依頼は「ダイエットLP」
基本的に全てお任せしたいとご要望があり、
ターゲット設定や構成すべてをご提案することに。

ディレクターの仕事で一番大切なことは、
ワイヤーを作ること・決め切ること
だと思っています。

ワイヤーは設計図のようなもので、ここがおかしいと
・方向性を見失う
・お客様からの追加要望が出てくる
・納期がどんどん長くなる
・チームのモチベーションが下がる
…といった怖いことが起こるのです。

そうならないために私が大切にしているのは
①現状把握をし、
②目線を合わせ、
③その上で提案すること。

ひとつずつ深ぼってお話しします！

＝＝＝

▽現状把握

ワイヤーに取り掛かる前のリサーチには
納得いくまで時間をかけます。

今回したことは、
・お客様の事業について知る
・既存ホームページやSNSの内容や発信を把握
・お客様の強みと弱み
・競合他社の強みと弱み、ターゲットは？
・LPへの流入経路は？
・ダイエットの悩みとは
などをリサーチしてから、

・ターゲットの決定
・LPの目的、方向性、訴求
を固めて、構成づくりに入ります！　

＝＝＝

▽目線合わせ
構成を決めたら制作会社様とすり合わせ。
ここでは、目線を合わせ、方向性に納得してもらうことが目的です。

しっかりリサーチしていれば、
「ここを打ち出していくべきです！」
「訴求はこれで行きましょう！」
と言い切ることができます。
自分の提案に、自分自身が腹落ちしているか？がポイントです。
担当者様からの
「素晴らしい提案をありがとうございます！」に安堵しました。

＝＝＝

▽ワイヤー制作→お客様にご提案

ブレない構成ができれば、この後のワイヤー制作は楽になります！
今回、顧客対応は全て制作会社様にお任せしていたため、
提案時に伝えてほしいことは事前に共有し、
担当者様が「これを伝えればいいだけ」の状態にします。

結果、お客様からの修正希望は一切なく、
合意形成を得ることができました！

制作会社様とは、お互いの意見を聞き合い、
感謝を伝え合い、居心地良いお付き合いができました。
「おかげでとても良いものになりました。
お客さんも喜んでましたよ！
またぜひよろしくお願いします」
と嬉しいお言葉も！

今回、制作にかけた時間は合計で23.5時間。
経験値を積み、効率化しながら精度の高いものを作れるよう日々積み上げます！

＝＝＝

▽余談①ライティングもしています

案件にもよりますが、
ワイヤーに仮テキストは入れません。

想像を膨らませて文章を入れた状態でご提案します。
デザインも入っていない白黒のワイヤー。
「テキストが入りますテキストが入ります…」
ばかりの設計図を見ても、イメージなんて膨らまないですよね。

文章を入れることで、
「そうそう、これを伝えたいんだよ！」や、
「ここは少し違って、本当はこれを伝えたい」
といった意見が引き出せます。

ワイヤーは一方的な提案ツールではなく、
お客様を知り意見交換ができるコミュニケーションツールだと思っています。

＝＝＝

▽余談②動画を使うと詳細も熱意も伝わる

構成やワイヤーを制作会社様に提案する際は、
テキストにプラスして、loomという画面録画ツールを使うことがおすすめです！
資料を見せながら経緯・背景を伝えることで、
自信なさげの「いかがでしょう…？」ではなく、
「これをすべきです！」を伝えられます。
感謝を声で伝えたい！という時にもloomを使ってます。

＝＝＝

▽最後に

恥ずかしいことに、少し前まで「案件」にばかり向き合っていました。
案件の後ろにいるお客様、ユーザー、制作会社様の課題は何か？どうしたら解決できるか？に想像を膨らませると、
関わり方も、提案内容も、感謝のされ方も変わってくることを実感しています。

ひとつひとつの出会いを大切に、
これからも誠心誠意励みます！

長文になりました！
最後まで読んでいただきありがとうございました！！
勉強になったら「いいね！」していただけると嬉しいです✨

[よう@webディレクター @yo_prog]

@omoka_design おもかさん〜ありがとうございます✨元気です！
おもかさんの仕事術、早速実践しています‼️
自分の気持ちもシュッと締まるし、前のめりで仕事に取りかかれています💪
ずっとずっと活躍してくれること間違いなしのBrain…🥹購入して本当に良かったです🥹

[よう@webディレクター @yo_prog]

ディレクターとして、
ブランディング会社⇆制作会社
デザイナー⇆コーダー
の橋渡し役をしていますが、基本に立ち返って勉強をするために購入しました！

おもかさんのデザインの奥にある「何を受け止め、どう考えて動けばチームが効率よく制作を進められるか？」という思考を少しでも自分のものにしたいです。

チームに喜んでもらえるよう、信頼を得ることができるよう、しっかりみっちり学びます！

[おもか｜フリーランスデザイナー @omoka_design]

デザイナーが初校提出するまでの
作業を1/3にする
【Figmaデザインパーツまとめ集】
を公開しました！

▶︎ 実戦で使える100以上のパーツ
▶︎ パーツ使いこなし術解説付き
▶︎ 複数案件同時進行テクニック10選
▶︎いただいた参考サイトから
顧客要望を120％引き出す方法など
3大特典付き🎁

割引価格で購入できるのは
公開から3日後の12/24(日) まで
となります😌

👇詳細はこちらから
https://t.co/WdrJ8t1tR7

[よう@webディレクター @yo_prog]

ロードマップ作成会に参加しました！
・お客様への価値貢献
・ネクストアクション
についてかなり具体的にアドバイスをいただきました✨
この熱量を次につなげられるよう、止まらず動き続けます！
ともきさん、本当にありがとうございました！

[ともき｜Studio × 営業スクール｜スタジオパス運営 @Tomoki_sbt]

◤￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣◥
　受注450万＆実績50件超を達成した
　Studio制作マスターパック
　　　　　　&
　Studioロードマップ作成会
◣＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿◢

▼ 有料級10大特典はこちら
https://t.co/P8u2T6rco6

【ともきの実績】
━━━━━━━━
・累計受注額450万円
・Studio制作実績50件超
・ロードマップ作成会参加者70名超
━━━━━━━━

✅ 受取方法
━━━━━━━━
① ともき（@Tomoki_sbt）をフォロー
②「いいね」＆「リポスト」
③「好きな絵文字」をリプ

以下のリンクから受取
https://t.co/P8u2T6rco6
━━━━━━━━

Studio制作のノウハウを詰め込んだ
期間限定の特別企画として
有料級10大特典を無料プレゼントします！

10大特典の気になる中身は・・・
◤￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣◥
【Studio制作マスターパック】

①【 制作時間を一撃で1/2にする 】
　　制作レベルを爆上げさせるTips動画集
　　-9本1時間超-

②【 この動画だけでOK 】
　　「配置」「背景」マスター動画 -5本15分-

③【 Studio初心者ママさんが
　　1ヶ月で業務委託獲得 】
　　知らないとヤバい！納品前チェックシート

④【 顧客とのズレをなくす 】
　　これさえあればヒアリングはOK！
　　Studio特化ヒアリングシート

⑤【 1年間の収益0だったデザイナーが
　　35万円の案件を獲得 】
　　成果の出し方が分かる！受講生の実績動画集

⑥【 1年間の収益が2万円だったママさんが
　　1ヶ月半で76万達成 】
　　時間単価を爆上げ！テンプレデザイン3選

⑦【 Studio未経験のデザイナーが
　　1ヶ月で3件受注成功 】
　　即実務で使える！パーツ10選】

⑧【 Web制作未経験のデザイナーが
　　初営業で案件獲得 】
　　イメージ共有に必須！ワイヤーフレーム

⑨【 営業未経験の会社員が
　　たった2週間で継続案件を獲得 】
　　永久保存版！Studio営業完全攻略動画

⑩【 難しい実装もコピペで解決 】
　　LPに必須！パーツ3選
◣＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿◢

これだけじゃありません…

今回の特別企画に
参加してくださった方限定で
ともきの2年半の知識と経験を完全公開します！

◤￣￣￣￣￣￣￣￣￣￣￣￣◥
　参加者70名超！

　0→10ノウハウを提案する
　オーダーメイド型
　Studioロードマップ作成会
◣＿＿＿＿＿＿＿＿＿＿＿＿◢

Studioスキルを最短最速で習得し、
案件獲得するための具体的なロードマップを
その場で提案します！

実際に参加された方は
━━━━━━━━
・Studio初心者ママさんが1ヶ月で業務委託獲得

・残業続きの会社員が
　営業開始たった2週間で継続案件獲得

・Studio収益4万円だったデザイナーが
　3ヶ月で60万円受注

・1年間の収益0だったデザイナーが
　1案件35万円＆累計280万円受注

・1年間の収益2万円だったママさんが
　1ヶ月半で76万円受注＆累計250万円受注
━━━━━━━━
このような成果を出してくれました。

私自身、時間と場所に縛られない
働き方をしたくてWeb制作を始めました。

でも、コーディングで何度も挫折し
案件獲得にも苦労しました。

やっとの思いで獲得した案件も、
コミュニケーション不足が原因で低評価を受け
「時間」と「信頼」を失いました。

そこから、Studioスキルを
最短最速で習得するために試行錯誤した結果

Studio特化の営業戦略を確立し、
今では継続案件を受注できるようになりました。

私が経験した「不要な遠回り」をする人を
1人でも減らし
今よりも良い未来を描けるようになる人を
1人でも増やしたい

嘘偽りなく本気で思っています。

だからこそ、現状を変えたいと思うあなたに、
私の2年半のStudioノウハウ全てを
惜しみなくお伝えします。

このチャンス、絶対に見逃さないでください！

◤￣￣￣￣￣￣￣￣￣￣￣￣◥
　参加者70名超！

　0→10ノウハウを提案する
　オーダーメイド型
　Studioロードマップ作成会
◣＿＿＿＿＿＿＿＿＿＿＿＿◢

でお会いできることを楽しみにしています

✅ 受取方法
━━━━━━━━
① ともき（@Tomoki_sbt）をフォロー
②「いいね」＆「リポスト」
③「好きな絵文字」をリプ

以下のリンクから参加
https://t.co/P8u2T6rco6
━━━━━━━━

[よう@webディレクター @yo_prog]

@Tomoki_sbt 🐶
よろしくお願いいたします！

[ともき｜Studio × 営業スクール｜スタジオパス運営 @Tomoki_sbt]

◤￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣◥
　受注450万＆実績50件超を達成した
　Studio制作マスターパック
　　　　　　&
　Studioロードマップ作成会
◣＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿◢

▼ 有料級10大特典はこちら
https://t.co/P8u2T6rco6

【ともきの実績】
━━━━━━━━
・累計受注額450万円
・Studio制作実績50件超
・ロードマップ作成会参加者70名超
━━━━━━━━

✅ 受取方法
━━━━━━━━
① ともき（@Tomoki_sbt）をフォロー
②「いいね」＆「リポスト」
③「好きな絵文字」をリプ

以下のリンクから受取
https://t.co/P8u2T6rco6
━━━━━━━━

Studio制作のノウハウを詰め込んだ
期間限定の特別企画として
有料級10大特典を無料プレゼントします！

10大特典の気になる中身は・・・
◤￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣◥
【Studio制作マスターパック】

①【 制作時間を一撃で1/2にする 】
　　制作レベルを爆上げさせるTips動画集
　　-9本1時間超-

②【 この動画だけでOK 】
　　「配置」「背景」マスター動画 -5本15分-

③【 Studio初心者ママさんが
　　1ヶ月で業務委託獲得 】
　　知らないとヤバい！納品前チェックシート

④【 顧客とのズレをなくす 】
　　これさえあればヒアリングはOK！
　　Studio特化ヒアリングシート

⑤【 1年間の収益0だったデザイナーが
　　35万円の案件を獲得 】
　　成果の出し方が分かる！受講生の実績動画集

⑥【 1年間の収益が2万円だったママさんが
　　1ヶ月半で76万達成 】
　　時間単価を爆上げ！テンプレデザイン3選

⑦【 Studio未経験のデザイナーが
　　1ヶ月で3件受注成功 】
　　即実務で使える！パーツ10選】

⑧【 Web制作未経験のデザイナーが
　　初営業で案件獲得 】
　　イメージ共有に必須！ワイヤーフレーム

⑨【 営業未経験の会社員が
　　たった2週間で継続案件を獲得 】
　　永久保存版！Studio営業完全攻略動画

⑩【 難しい実装もコピペで解決 】
　　LPに必須！パーツ3選
◣＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿◢

これだけじゃありません…

今回の特別企画に
参加してくださった方限定で
ともきの2年半の知識と経験を完全公開します！

◤￣￣￣￣￣￣￣￣￣￣￣￣◥
　参加者70名超！

　0→10ノウハウを提案する
　オーダーメイド型
　Studioロードマップ作成会
◣＿＿＿＿＿＿＿＿＿＿＿＿◢

Studioスキルを最短最速で習得し、
案件獲得するための具体的なロードマップを
その場で提案します！

実際に参加された方は
━━━━━━━━
・Studio初心者ママさんが1ヶ月で業務委託獲得

・残業続きの会社員が
　営業開始たった2週間で継続案件獲得

・Studio収益4万円だったデザイナーが
　3ヶ月で60万円受注

・1年間の収益0だったデザイナーが
　1案件35万円＆累計280万円受注

・1年間の収益2万円だったママさんが
　1ヶ月半で76万円受注＆累計250万円受注
━━━━━━━━
このような成果を出してくれました。

私自身、時間と場所に縛られない
働き方をしたくてWeb制作を始めました。

でも、コーディングで何度も挫折し
案件獲得にも苦労しました。

やっとの思いで獲得した案件も、
コミュニケーション不足が原因で低評価を受け
「時間」と「信頼」を失いました。

そこから、Studioスキルを
最短最速で習得するために試行錯誤した結果

Studio特化の営業戦略を確立し、
今では継続案件を受注できるようになりました。

私が経験した「不要な遠回り」をする人を
1人でも減らし
今よりも良い未来を描けるようになる人を
1人でも増やしたい

嘘偽りなく本気で思っています。

だからこそ、現状を変えたいと思うあなたに、
私の2年半のStudioノウハウ全てを
惜しみなくお伝えします。

このチャンス、絶対に見逃さないでください！

◤￣￣￣￣￣￣￣￣￣￣￣￣◥
　参加者70名超！

　0→10ノウハウを提案する
　オーダーメイド型
　Studioロードマップ作成会
◣＿＿＿＿＿＿＿＿＿＿＿＿◢

でお会いできることを楽しみにしています

✅ 受取方法
━━━━━━━━
① ともき（@Tomoki_sbt）をフォロー
②「いいね」＆「リポスト」
③「好きな絵文字」をリプ

以下のリンクから参加
https://t.co/P8u2T6rco6
━━━━━━━━

[かつゆき@デザイナー｜自信がないデザイナーをサポート @kattsu_web]

🎁無料プレゼント🎁

真似するだけで
素人→プロの仕上がりになる
現場必須デザインスキル70選

・アマ感から卒業したい
・初校を出すのが不安
という方へ

最短で現場で通用する人材になるための
”裏技”を詰め込みました！

■受取方法
①フォロー
②リポスト
③LINE登録
👉https://t.co/zQ4VttjFc0

[よう@webディレクター @yo_prog]

@ND__Web @sho_hei_0501 だいちゃんさん、ありがとうございます🙇‍♀️
何かひとつでも参考になったのなら、もう大喜びです！！！
少しずつですが、また濃い発信をしていこうと思っています！
これからもよろしくお願いいたします✨

合計1482時間！！！
努力の結晶でしかないです😭😭😭

[よう@webディレクター @yo_prog]

@MOMO547123 行動力の塊ゆみこさんw、ありがとうございます🥰
ひとつでも参考になったら嬉しいです✨

ホワホワしているゆみこさんが、赤ちゃん育てながら行動しまくれている秘訣もめちゃめちゃ気になってます！！
ラジオもまたやってください💓

[よう@webディレクター @yo_prog]

※ディレクターになりたい方はブクマを✨

未経験ママからWebディレクターになった私が
制作会社様からご依頼いただいている
【ワイヤーフレーム制作工程】を解説します！

＝＝＝

今回のご依頼は「ダイエットLP」
基本的に全てお任せしたいとご要望があり、
ターゲット設定や構成すべてをご提案することに。

ディレクターの仕事で一番大切なことは、
ワイヤーを作ること・決め切ること
だと思っています。

ワイヤーは設計図のようなもので、ここがおかしいと
・方向性を見失う
・お客様からの追加要望が出てくる
・納期がどんどん長くなる
・チームのモチベーションが下がる
…といった怖いことが起こるのです。

そうならないために私が大切にしているのは
①現状把握をし、
②目線を合わせ、
③その上で提案すること。

ひとつずつ深ぼってお話しします！

＝＝＝

▽現状把握

ワイヤーに取り掛かる前のリサーチには
納得いくまで時間をかけます。

今回したことは、
・お客様の事業について知る
・既存ホームページやSNSの内容や発信を把握
・お客様の強みと弱み
・競合他社の強みと弱み、ターゲットは？
・LPへの流入経路は？
・ダイエットの悩みとは
などをリサーチしてから、

・ターゲットの決定
・LPの目的、方向性、訴求
を固めて、構成づくりに入ります！　

＝＝＝

▽目線合わせ
構成を決めたら制作会社様とすり合わせ。
ここでは、目線を合わせ、方向性に納得してもらうことが目的です。

しっかりリサーチしていれば、
「ここを打ち出していくべきです！」
「訴求はこれで行きましょう！」
と言い切ることができます。
自分の提案に、自分自身が腹落ちしているか？がポイントです。
担当者様からの
「素晴らしい提案をありがとうございます！」に安堵しました。

＝＝＝

▽ワイヤー制作→お客様にご提案

ブレない構成ができれば、この後のワイヤー制作は楽になります！
今回、顧客対応は全て制作会社様にお任せしていたため、
提案時に伝えてほしいことは事前に共有し、
担当者様が「これを伝えればいいだけ」の状態にします。

結果、お客様からの修正希望は一切なく、
合意形成を得ることができました！

制作会社様とは、お互いの意見を聞き合い、
感謝を伝え合い、居心地良いお付き合いができました。
「おかげでとても良いものになりました。
お客さんも喜んでましたよ！
またぜひよろしくお願いします」
と嬉しいお言葉も！

今回、制作にかけた時間は合計で23.5時間。
経験値を積み、効率化しながら精度の高いものを作れるよう日々積み上げます！

＝＝＝

▽余談①ライティングもしています

案件にもよりますが、
ワイヤーに仮テキストは入れません。

想像を膨らませて文章を入れた状態でご提案します。
デザインも入っていない白黒のワイヤー。
「テキストが入りますテキストが入ります…」
ばかりの設計図を見ても、イメージなんて膨らまないですよね。

文章を入れることで、
「そうそう、これを伝えたいんだよ！」や、
「ここは少し違って、本当はこれを伝えたい」
といった意見が引き出せます。

ワイヤーは一方的な提案ツールではなく、
お客様を知り意見交換ができるコミュニケーションツールだと思っています。

＝＝＝

▽余談②動画を使うと詳細も熱意も伝わる

構成やワイヤーを制作会社様に提案する際は、
テキストにプラスして、loomという画面録画ツールを使うことがおすすめです！
資料を見せながら経緯・背景を伝えることで、
自信なさげの「いかがでしょう…？」ではなく、
「これをすべきです！」を伝えられます。
感謝を声で伝えたい！という時にもloomを使ってます。

＝＝＝

▽最後に

恥ずかしいことに、少し前まで「案件」にばかり向き合っていました。
案件の後ろにいるお客様、ユーザー、制作会社様の課題は何か？どうしたら解決できるか？に想像を膨らませると、
関わり方も、提案内容も、感謝のされ方も変わってくることを実感しています。

ひとつひとつの出会いを大切に、
これからも誠心誠意励みます！

長文になりました！
最後まで読んでいただきありがとうございました！！
勉強になったら「いいね！」していただけると嬉しいです✨

[よう@webディレクター @yo_prog]

@sho_hei_0501 しょーへーさん、ありがとうございます🙇‍♀️
嬉しい言葉のシャワーです😭
また一緒にお仕事させていただけるよう、日々積み重ねます！

[よう@webディレクター @yo_prog]

@teddybearcafe ありがとうございます✨
hiroさんのあたたかいお言葉と応援が嬉しくて、私の方こそ「ソフトスキルってこういうことなんだ！」をいつも学んでいます！！
これからも一緒に頑張りたいです！
よろしくお願いします✨

[よう@webディレクター @yo_prog]

@omoka_design そんな大好きだなんて！私こそです🫣

[よう@webディレクター @yo_prog]

息子、ちょっとずつ醤油を出すという難しい調整にチャレンジしながら、小さい声で「いっぽた、にぽた、さんぽた…」って数えてて、可愛すぎて倒れそうになりました🥹

「一滴、二滴って数えるんだよ。」と、親だから教えたけど、本当はもう少しだけこの可愛い数え方聞いていたかった🥹

[よう@webディレクター @yo_prog]

@teddybearcafe うわぁ😭hiroさん！！！！
全力で背中押してもらってる感覚です😭
嬉しいです！

いえいえ、hiroさんからの連絡を嬉しがっているのは私の方です！
DMが届いているのを見ると、「おっ！hiroさん♪」ってなってます✨

[よう@webディレクター @yo_prog]

【6月の受注額は・・・】

今月も後半戦！
少しずつ振り返りを…と思ったら、
なんと受注がゼロでした😅

忙しかったのは、営業や面談、シェア会など種まきに全力を尽くしていたからだったのか…

でも！6月はまだまだ終わりません！！！！
目標受注額は35万円。
焦らず、ひとつひとつ丁寧に！！！
頑張ります！！！！！