あすみ@Webデザイナー12年目

＼🎁無料プレゼント企画🌈／ 　 【制作歴12年のWebデザイナーがおくる】 　選ばれ続けるデザイナーになれる 　現場の実務パーフェクトキット（解説動画付） 初校提出のドキドキや終わらない修正指示から卒業し自信を持って「またお願いしたい」と指名され続けるプロのデザイナーへ！ ついに配布スタートです🎉 ─────────────── 動画の内容一覧 ─────────────── ■ デザインスクールを卒業しても 　現場で修正地獄になる"本当の理由" ■ スキルやセンスだけじゃない 　現場で選ばれ続ける 　「4つの実務スキル」の全体像 ■ 指示通り作ったのに 　「イメージと違う」と言われる… 　そのすれ違いをゼロにする 　"制作前のたった1つの確認" ■ 「デザインの意図を 　聞かれても言葉にできない…」 　を卒業する提案文テンプレート ■ 初校提出が怖い 　→「これなら大丈夫！」に変わる 　提出3分前のセルフチェック習慣 ■ リアルな対比事例で学ぶ 　「選ばれる人と選ばれない人の決定的な違い」 ■ 早さも質も両立させて 　提案文をサクッと仕上げる 　AI活用テクニック ■ 自分の現在地を明確にして 　迷いをゼロにする 　「成長ステップ診断」 すべて制作会社4年＋フリーランス8年の現場で 私自身が失敗から学んだ方法を そのまま動画に凝縮しました🧑‍🍳 デザイナーさんはもちろん ヒアリング・確認・提案といった 上流スキルを身につけたい コーダーさんやディレクターさんにも そのまま使える内容になっています👏 さらに、、、 ─────────────── 4大特典も無料プレゼント！ ─────────────── 解説動画に加え、 制作会社歴4年＋フリーランス歴8年の 日々の実務でそのまま使える4大特典も すべて無料でプレゼントします🎁 ❶【制作会社＋フリーランス12年間で磨いた初案一発OKを引き出す】 　提出前セルフチェックシート ❷【案件300件超え！気づけば紹介・継続が当たり前になる】 　トラブルゼロにする対応ガイド ❸【「イメージと違う…」を防ぐ！着手前のすれ違いをゼロに】 　修正対応を防ぐヒアリングリスト ❹【多くの受講生を伴走！スキルの迷子を脱出するための】 　デザイナー成長ステップ診断 ─────────────── この動画とチェックリストを手に取れば、 初校提出の恐怖や修正地獄から卒業できます🔥 一人で悩んでいた昨日までの自分を卒業して 自信を持って選ばれ続けるデザイナーへ その一歩をいまここで踏み出していきましょう🏃‍♂️ ================ ▼ 受取方法 ▼ ================ リプ欄にある公式LINEに登録すると お受け取りできます↓

今お仕事をいただけている人にも この記事めっちゃ読んでほしい！ 私はお願いする側にもなるけど また相談したくなるのは 頼んだものを作ってくれるだけじゃなく 一緒に考えてくれる人だなと思う サイトを修正したいと言われた時も どこを変えたいかだけじゃなくて 何に困っていて変えたいのかまで聞いてくれる それならこっちも変えた方がよさそうです！ と理由も含めて提案してくれる そういうやりとりがあると 次に困った時もまずその人が浮かぶ☺️ AIで作業が早くなった分 お客さんのことを考える時間も増やせる 何が作れるかに加えて この人にお願いするともっとよくなる！ と思ってもらえる仕事をしていきたい❤️‍🔥

どっちがAIでしょうかのやつXに溢れ過ぎて疲れてきちゃった👀 それはさておきAI使っても使わなくてもスキルアップしていいデザイン、いい仕事していこうぜって👩‍💻

AIデザインって言葉に ちょっと違和感がある AIに手伝ってもらってデザインしているけど 丸ごと全部お任せしているわけじゃない お客さんの話を聞いて 何を伝えるか考えて 出てきたものを見て直して 最後は自分の手でも調整している 私の場合はAIに手伝ってもらうことで ブラッシュアップに時間を使えるようになった AIで作ったかどうかより お客さんの目的に合っているか 必要な情報がちゃんと伝わるか そこを見たいなと思ってる 何を使って作っていても これでお客さんに届けられると 判断するのは自分なので✏️

添削の履歴も見てほしい〜！✏️ トナリデザインでは 課題①でコーポレートサイト 課題②でLPを作ってもらっています💪 課題①では かなり細かいところまで添削していて 決めたデザインの方向性に この色やフォントは合っているか 同じ意味の情報がまとまっているか 見てほしい順番で目がいくか 最初は気づかなかったところも 直して見比べることで あ、ここが違うのか！と分かってくる そうやって課題①に取り組んでもらうと 課題②ではみんな添削量が少なくなってくる☺️ コーポレートサイトからLPに変わっても 前に伝えたことを使って 自分で考えて調整できるようになってる 今回も最後の提出では CTAのバランスが気になったので 文字や画像の位置を変更しました とご本人から送ってくれていて🥹 添削で直して完成させるだけじゃなく 次に作る時にも自分で気づける どう直すか考えられる そこまで身につけてもらいたいと思って 添削しています💪

完成版を見る時は 見出しの強弱にも注目してほしい✏️ このLPの添削では 見出しをもう少し大きくしてほしい ともお伝えしています 3つの理由はしっかり目に入るけど ほかの見出しは少し弱くて 全体を見た時に気になったので LPは最初から全部 じっくり読んでもらえるとは限らない スクロールしている途中で ここ気になる！と目が止まって その下の文章も読んでもらいたい 文字を一つずつ見ていると読めても ページ全体で見ると 見出しが本文に埋もれていることもある なので近くで細かく見るだけじゃなく 引いて全体を見るのも大事💪 ビフォーは方向性確認のため上部だけですが 完成までの変化も見てもらえたら嬉しいです☺️ ◀︎ ビフォー ｜ アフター ▶︎

ちなみにビフォーのデザイン🙋‍♀️ 元ポストの完成版と どこが変わったか見比べてみてほしい☺️ 最初は方向性を確認するために ページ上部まで作って提出してもらっています この段階でお伝えしていたのが 文字の扱いや色の組み合わせ✏️ ふっくらとハリのある素肌へ というコピーは まだ文字を置いただけに見えていて もう少し工夫したいところだった タイトルも参考と並べて見ると 少し古く見える感じがあったので 文字の色味を変えたり ゴールドの帯をピンクにしてみたり 試してもらっています 大事な言葉なのに 背景と文字がどちらもゴールドで 見えにくくなっていたところもあった 高級感を出したくて選んだ色でも その組み合わせで 伝えたいことが見えにくくなったらもったいない フォントはこれで合ってるかな？ だけじゃなくて 背景の上でどう見えているかまで セットで確認してみてほしい💪

このLPも見てほしい〜✨ 写真の見せ方も文字の作り込みも 細かいところまで頑張ってくれました👏 トナリデザインでは コーポレートサイトの課題の後に LPデザインにも取り組んでもらっています💪 コーポレートサイトやサービスサイトと LPでは作り方やセオリーも変わるので それぞれ経験してほしいと思っていて スマホファーストの練習として SP版から作ってPC版まで展開しています 最初は何をどうしたらいいか 見当もつかなかったと話してくれていた方が ここまで仕上げてくれたの嬉しい🥹 どんなところを添削したかも 引用で紹介していきます✏️

デザイナーという仕事が 再定義されていくんだろうなと思う 今はまだ見た目を作る人という イメージが強いけど ビジュアルを作れること自体が 一番の価値ではなくなっていくと思ってる もちろんビジュアルで ギュンギュンに尖っていくのもいい でもそれなら この人にお願いしたいと思ってもらえるくらい 尖れることが前提になる そもそもWebサイトが今後も 今と同じように必要とされるのかも含めて 作るものも仕事の進め方も変わっていくと思う だから今から触っておこうぜ！っていう💪 シンプルに新しいことを知るの楽しいし これ仕事にも使えるじゃん！が見つかるのも楽しい AIで形にできるものが増えた時に それでも自分にお願いしてもらう理由は何か そこも考えてこ！ 新しいものも使いながら デザイン磨いてこうぜ❤️‍🔥

添削ではたくさん考えてもらいたいけど 迷わせたいわけではない💡 ここを直してくださいと伝えて そのデザインがよくなるだけじゃなく 次に自分で作る時にも 考えるようになって欲しいと思ってて 初めてデザインを学ぶ方には この文字の左端をここに揃えてみましょう という具体的なところからお伝えしています まだ見るところが分からないのに どう思いますか？だけ聞かれても 何を考えたらいいか分からないと思うので 何を見て気になったのか なぜ直した方がいいのかは 必ず明確に言葉にして伝える そこが分かってきた方には あえて直し方まで全部言わずに 考えてもらうこともあります 同じ意味の情報なのに 別々に見えていることを伝えて じゃあどうしたらまとまって見えるかは 自分で試してもらうとか ここを何px動かせば正解 を覚えてほしいわけじゃなくて こういう時はここを見るといいんだ この考え方はほかでも使えそう って自分の中でつながってほしい 毎回私に聞かないと直せないではなく 自分で気づいて考えて調整できるようになること そのために今どこまで伝えて どこから考えてもらうかは その方の段階に合わせて変えています💪

実際の添削でもまず見ているのは 誰にどんな印象を持ってもらいたいと考えて このデザインにしたのか✏️ 決めてもらった方向性に対して 言葉をビジュアルで表現できているかな というところから確認しています この前の課題では 生活感・上質感・先進性を出したいと 受講生さんが考えてくれていました 作ってくれたデザインを見ると 生活感と上質感は出ているけど 先進性がちょっと足りない そこで本文の明朝体も 今回出したい印象に合っているかを確認して ゴシックでも試してもらっています 明朝体が悪いわけじゃなくて 今の組み合わせだと 出したい印象のバランスが違うということ 情報の見せ方も同じで サービスが3つあるなら まずその3つがひと目で分かるかを見る (場合によってはこの限りではないけど) 一つずつは作り込んでいても 位置がばらばらで全体がつかみにくかったら 配置を見直した方がいい この部分は受講生さんも 5パターン考えてくれて 最終的に3列の形に整理してくれました💪 フォントを変える時も配置を変える時も 何をよくするために変えるのかがある 私からはゴールに対して どこに違和感があるかをお伝えして どう直すかはご本人にも考えてもらっています 自分で見直す時も なんか微妙で止めずに 出したかった印象の何が足りないのか 見てほしい情報がちゃんと伝わっているか そこまで具体的にしてから触ってみてほしい☺️

時間をかけて作ったのに これで提出していいか分からなくて ずっと触ってしまうことない😕？ フォントを変えて写真も変えて 何パターンも作ったけど選べない これ作り込みが足りないんじゃなくて 何を基準によしとするかが 決まってないのかも

このAI時代にお願いしたいデザイナーって どんな人かなと考えてみた🤔 お願いする側にもなる私としては デザインスキルとソフトスキル その両方で事業のことまで考えてくれる人 ✏️ デザインスキル ・事業を前に進める、をデザインに落とせる 例えば今一番売れているサービスと これから伸ばしたいサービスが違うなら サイトで何を大きく見せるかも変わる 渡された情報を並べる前にそこを考えられる ・お客さんが選ぶために必要な情報を考えられる お問い合わせを増やしたいから ボタンを大きくするだけじゃなくて 何を頼めるのか他社と何が違うのか 相談する前に何が分かると 安心できるのかまで見る ・伝えたいことが伝わるところまで仕上げられる 事業を理解していても 大事な情報が埋もれていたら届かない 文字の強弱や写真の選び方 余白や細かい文字詰めまで ビジュアルの精度も上げられる 💬 ソフトスキル ・依頼の背景まで聞ける サイトを新しくしたいと言われた時に どんな見た目にしたいかだけじゃなく なぜ今変えたいのか 今のサイトで何に困っているのかを聞ける ・目的と予算と納期を踏まえて提案できる 全部やった方がいいですではなく 今回まず必要なのは何か あとから追加できるものは何か お客さんが優先順位を決められるように整理できる ・自分の意見を持って一緒に考えられる 言われた通りに作るだけじゃなく その目的ならこっちの見せ方はどうですか？ と理由も含めて提案できる 分からないことは勝手に決めずに確認する デザインを完成させたいのは私たちだけど お客さんはその先で 増やしたい仕事や変えたい状況がある そこまで一緒に考えてくれる人には AIで作れるものが増えてもお願いしたい 私も見た目を作って終わりじゃなく 事業を前に進めるために デザインで何ができるか考えていきたい❤️‍🔥

完成までにこんなに作って 比較してくれてる🥹🔥 添削の途中も見てほしい！ 特に試してもらったのが サービス紹介の写真の見せ方 3つ目のサービスの写真を減らすと テキストとの間が空いてしまう 1つ目と同じサイズや配置にすると 今度は変化がなくなる気がする そこで写真を重ねる方法も 試してくれていました 写真が多いから減らしましょう で終わる話ではなくて 減らしたあとに残った写真と文章が どういうバランスで置かれているかまで見ないと 今度は別のところが気になってくる😕 添削では写真が横幅いっぱいに続いていたので 一部分のボリュームを落として 左右の空きに変化をつける話もしています 右に写真を置いたから次は左 と交互にすれば整うわけでもなくて 反対側が空きすぎていたら そこも調整が必要 私も添削中に実際に動かしながら 写真を小さくしたり 縦横比を変えたりして 全体のバランスを見ていました✏️ そのセクションだけならよく見えても 前後も同じくらい写真が大きいと ページ全体では変化がなく見えることもある なので一部分を調整したら 引いてページ全体でも確認する この方は修正したものだけじゃなくて 動かしたらバランスが取りづらかったとか こっちの方がすっきり見えたとか 試してどう感じたかまで残してくれてる👏 私が全部直し方を決めるのではなく どこに違和感があるか 何を見て判断しているかをお伝えして どう解決するかを考えてもらう 次の制作でも自分で気づいて 調整できるようになってほしいので この比較して考えるところを大事にしています💪

下層ページも見てほしい👏 TOPで考えたことがちゃんと活きてる！ トナリデザインでは TOPだけじゃなく下層ページも 作ってもらっています💪 実務では当たり前だけど TOPだけじゃなく下層ページを デザインすることもあるので TOPで決めた雰囲気を引き継ぎながら ページごとに違う内容をどう見せるかまで 課題で経験してほしいと思っています 色やフォントを揃えるのはもちろん 同じあしらいを全部に使えばいい というわけでもなくて サービス紹介ページの 開発にかける想いを伝えるところでは ほかで使っている角丸を試してくれたけど 上のセクションと並べて見ると 写真を角丸にせず幅いっぱいにした方が すっきり区切れて見えたと報告してくれました 角丸を使うかどうかだけで考えると ほかと同じにしたくなるけど その前にどんなレイアウトがあって そこからどう切り替わって見えるかまで 考えて作ってくれてる🥹 会社概要ページでは ほかのページより写真が少ないと感じて MissionとVisionのところに写真を追加 TOPのMV下で使った写真の並べ方を活かしつつ 写真自体は変えて作ってくれました 私からは下層を進める時に まず手を動かしてみて レイアウトに迷ったら参考を探すことも お伝えしています Aboutで迷っているなら ほかのサイトのAbout部分や 会社概要ページを見てみる 今必要なのは 文章を読んでもらう見せ方なのか 写真を使って想いを伝える見せ方なのか サイト全体をなんとなく眺めるより 今作りたいところに絞って見る✏️ 提出の時に TOPでのたくさんのやりとりがあったから 入る前にはできなかった下層のデザインが できていると伝えてくれて😭 TOPを直して終わりじゃなく 次のページでも自分で考えて使ってくれてるのが めちゃくちゃ嬉しかったです☺️

シンプルって難しいんだよね🤔 ビフォーと全然違うので 引用元の動画と見比べてほしい！ MVは同じ写真を使っているけど 文字の位置やまとまり方が変わるだけでも 見え方がかなり変わってる👏 この方もMVの文字の位置を調整したあと 前回までのものが ぱらついて見えるようになったと 教えてくれたんです 直してよくなっただけじゃなくて 前のデザインのどこが気になるか 自分でも分かるようになってる🥹 添削でも一つの要素だけを見て これが合ってるかどうかは決めていなくて サービス紹介の数字だったら 選んでくれた細身のフォントは合っているけど 今の位置だと数字だけ独立して見える じゃあフォントを変えるより 見出しに近づけたり サイズを変えてみたらどうかとお伝えする 大きくしたら目に入りやすくはなったけど 今度は目指していたシンプルさから離れるので もう少し小さくしてみる 何を使うかだけじゃなくて それをどこにどのくらいの大きさで置くか 周りと合わせてどう見えるかまで調整しています✏️ 課題はTOPだけで終わりではなく サービス紹介や会社概要など 下層ページまで作ってもらっているので そちらも続けて紹介します💪

この方のデザインも とってもいい感じだから見てほしい🔥 MVは同じ写真を使ってるのに全然違う👏 トナリデザインの コーポレートサイト課題のビフォーアフター 最初はデザインの方向性を確認するために ページ上部だけ提出してもらっているので ビフォーは一部です☺️ ◀︎ ビフォー ｜ アフター ▶︎ ここからどんな添削をして どう変わっていったのか 引用で詳しく紹介していきます！ 自分のデザインを見直す時にも めっちゃ参考になると思うので そちらも見てほしい✏️

今回も参加させてもらいます🍚

事業の理解を深めて 図をブラッシュアップして提出したら めっちゃいいですね！と言っていただけたそう🥹🔥 受講生さんから届いた報告なんだけど コンサルで一緒に見たあと さらに事業のことを理解して 作り直してくれたそう 何を伝えるかを考えるには まずお客さんの事業を理解することが大事 私も作り込む前の確認は かなり大事にしていて ヒアリングで 例えばだけど 今一番売れているサービスだけじゃなく これから何を伸ばしたいかも聞いてる 今売れているものと これから増やしたい仕事が違うなら サイトで大きく見せたいものも変わるので 参考サイトをいただいた時も どこを参考にしたいかまで確認する 色が好きなのか 写真の使い方なのか そもそも見た目ではなく 載せる情報や構成を参考にしていたのか ここが違うだけでも 同じ参考を見ているのに お互い全然違うものを想像していることがある🤔 聞いたあとは 今回はこのサービスを伸ばしたいとのことなので この情報を先に見せたいです と自分の理解も言葉にして返す 全部作ってから確認するより まだ動かしやすい段階で 考えていることを見てもらいたい 頑張って作ったあとに そもそも求めていたものが違った となるのは避けたいよね✊

時間をかけて作ったのに これで提出していいのか分からなくて ずっと触ってしまうことあるよね...！ フォントを変えてみたり 写真を入れ替えてみたり 気づいたら何パターンもできていて どれがいいのか余計に分からなくなる 手を動かすことは大事だけど 何が気になっていて 何をよくするために変えるのかが 自分でも分からないままだと 時間をかけても完成に近づけない😕