Webデザイナーが作った提案書とWebデザインを大公開

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ส.ค. 2024
  • Webデザイナーが実際のWeb制作案件でどんな提案書を作成するのか、そしてどういう考え方でWebデザインを制作するのか、徹底的に解説をしました。
    この動画では仮想の制作要件を定義し、そこに対して実際に提案書づくりとデザイン制作をした上で、それぞれを公開し、具体的に解説をしています!
    もちろん僕の提案書やデザインがすべてではありませんが、これから実案件対応をしていく方がよりスピーディーにレベルアップできるよう、より具体的な解説動画を目指しました。
    仮想案件シリーズの一覧はこちら↓↓↓
    仮想案件1前半.レストラン  • Webデザイナーが作った提案書とWebデザイ...
    仮想案件1後半.レストラン  • 仮想案件後半 WordPressでのWebサ...
    仮想案件2.シェアオフィス  • [シェアオフィスのWeb制作] 提案書公開&...
    仮想案件3.動画制作会社  • ホームページ制作 大公開シリーズ!提案書&W...
    仮想案件4.学習塾  • ホームページはこうやって作ります(webデザ...
    このチャンネルを見ていただいているWebデザイナーの方が少しでも実案件を早く、より多く獲得できることを僕の目標とし、今後もより有益な情報を発信していきたいと思います(`・ω・´)ゞ
    #Web制作仮想案件シリーズ
    === 動画学習サービス「unazuki」
    Web制作を学べる動画学習サービスを運営しています。
    unazuki.online/
    ・WordPressコンプリートコース
     unazuki.online...
    ・JavaScriptコース
     unazuki.online...
    ・HTML & CSSコース
     unazuki.online...
    === SNS
    ■ Twitter: / life_toshindai
    === 経歴
    Webデザイナー・エンジニア
    〜 2013 自動車メーカー系の企画職
    2014 〜 フリーランスWebデザイナー
    2016 〜 法人化
    -------------------- 簡単な自己紹介
    都内でWeb制作をやっています。
    苦労した経験をもとに、
    TH-camでは過去の自分が欲しかった
    知識・技術・マインドなどをスライドやデモ解説で発信しています💪
    🏋️‍♂️活動
    WordPressやWebデザイン講座など有益な情報を発信。
    初心者向けの動画〜超実践向けの動画まで多数公開しています。
    再生リストも作っているのでよろしければご覧ください。
    ✈️出身
    福岡県
    ---------------------------
    Webデザイナーとして活躍される方の
    知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
    (`・ω・´)ゞ
    詳しくはチャンネル概要欄もご覧ください。
    #ホームページ
    #作り方
    #アキユキ

ความคิดเห็น • 43

  • @user-gy6di4nl1j
    @user-gy6di4nl1j 3 ปีที่แล้ว +8

    駆け出しフリーランスウェブデザイナーです。
    大変参考になる動画でした。
    提案書、参考にさせていただきます。
    今後も楽しみにしています。

  • @manabu5057
    @manabu5057 3 ปีที่แล้ว +11

    ここに踏み込んだ動画ってありそうでなかなか無かったのでとても参考になりました!独学でやってると、これでいいのか?とずっとモヤモヤしてましたが、経験長い人のやり方を知れたのでとても良かったです。続編も楽しみにしてます!

  • @user-oo1nt1pj8u
    @user-oo1nt1pj8u ปีที่แล้ว +2

    提案の流れを段階を追って丁寧に説明してくださり大変参考になりました!今までは半ばざっくりした感覚でやってしまっていた感じがあったので一つ一つ順を追って漏れなくお客さんに提案していく大切さを身に沁みました。アキユキさんの動画は単に制作スキルを教えて下さるだけでなくWeb制作を全体的に網羅した内容になっているので納得も大きいですしとても為になってます!ありがとうございます!仮想案件シリーズ続き見させていただきます!

  • @ameneko091
    @ameneko091 2 ปีที่แล้ว +1

    参考になります!実際にここまで現場の内容を示してくださる方はあまり見当たらないので、こうした動画は本当にありがたいです。

    • @web5096
      @web5096  2 ปีที่แล้ว

      ありがとうございます!

  • @hirokiikeda5094
    @hirokiikeda5094 3 ปีที่แล้ว +3

    有料級ですね!
    具体的な内容と手順の説明でとても参考になりました。
    WEB制作はコードを書く技術だけではダメですね。
    続編も楽しみにしてます🙂

  • @user-tu2cb5gm9z
    @user-tu2cb5gm9z 3 ปีที่แล้ว +6

    手順が分かりやすく大変参考になりました。
    後、デザイナーって経営コンサルって感じもした。
    自分もフリーランス目指し勉強中。スクール行ってますが、ただ模写するだけのレッスン。まあ、基礎をそれで学んでる。
    今回の動画でもっと知りたいのが、クライアントに対する基礎質問内容ですね。
    クライアントの要望に応えるのが仕事ですから、その要望がはっきりしないとどう動いていいか分からない。

  • @tirimen3505
    @tirimen3505 2 ปีที่แล้ว +1

    事前にデザインの勉強を進める前に、仕事の全体像が見れてとても良かったです。

  • @kirakira7603
    @kirakira7603 6 หลายเดือนก่อน

    提案書を書くという視点がなかったので、大変勉強になりました!ありがとうございます!
    今後参考にしたい動画の内容としては、ワードプレスのテーマごとのカスタマイズです。
    例えばコクーンなら3年前の動画はたくさん出てきましたが、ここ一年のものはあまり見かけません。作風が変わったり、世の中の流行なども含めて「2024年版テーマごとカスタマイズ」を、コクーンやライトニングで見てみたいです。

  • @user-eu6mf5jj7i
    @user-eu6mf5jj7i 3 ปีที่แล้ว +2

    どの動画もそうですが、とても参考になっています。初案件に繋がりました。
    これから提案等すり合わせに入る段階です。
    アキユキさんの動画、見まくって辞書的に役立てていきたいです。
    ありがとうございます。

    • @web5096
      @web5096  3 ปีที่แล้ว +1

      初案件獲得、本当におめでとうございます!!

    • @user-eu6mf5jj7i
      @user-eu6mf5jj7i 3 ปีที่แล้ว +1

      初案件、おかげさまで無事終了しました。
      ありがとうございました。
      ご報告まで。

  • @dmac7115
    @dmac7115 3 ปีที่แล้ว +3

    すごくよかったです!
    こういった案件に特化した情報って少ないしイメージしづらいのでとても勉強になりました!
    初案件で役立ったと報告できるように頑張ります!

  • @dmcreatorjapan
    @dmcreatorjapan 3 ปีที่แล้ว +1

    提案資料わかりやすくいいですね。参考にさせてもらいます。
    あとラフの精度もちょうどいいです。
    ラフは作り込み過ぎてもイメージ固まってしまうのでブラッシュアップの余白を残してるところがすばらしい。

  • @user-vz4cv7eg2v
    @user-vz4cv7eg2v 3 ปีที่แล้ว +2

    有料級の動画ありがとうございます!デザインめちゃくちゃ綺麗ですね!

  • @michikado
    @michikado 2 ปีที่แล้ว

    いいね👍 大変勉強になりました。
    ここまでやってる方はなかなかいないので、サイトを作る前の提案大事さを知りました。

  • @user-yc9xt8nn6s
    @user-yc9xt8nn6s 3 ปีที่แล้ว

    凄く参考になりました、コーディングに入る前の情報でここまで詳しいものはなかなか無いと思うので貴重な情報です、続きも楽しみにしています。ありがとうございました。

  • @kazumad89
    @kazumad89 2 ปีที่แล้ว

    今度初めての直案件でデザインを提案するまでのの流れがわからず困っていました。この動画を参考にディレクションに向かいます。ありがとうございました。

  • @MY-fv2hq
    @MY-fv2hq 3 ปีที่แล้ว

    とても有益な情報ありがとうございます!これを今参考にしながら、案件提案してきます。

  • @user-bw6ks4kh1v
    @user-bw6ks4kh1v 2 ปีที่แล้ว

    とてもわかりやすく、すばらしいです!心より感謝申し上げます!!!

  • @freelancedeen2312
    @freelancedeen2312 3 ปีที่แล้ว

    とても勉強になります!
    自分が稼ぐまえに必要なスキルを勉強できるので、とても参考になります!
    テクニックより、まずスキルを上げたい自分にはとてもいい動画だと思います!
    案件獲得に頑張ります!!
    これからも楽しみにしております!!

  • @user-uj6hg7rb1g
    @user-uj6hg7rb1g 3 ปีที่แล้ว

    駆け出しフリーランスです。
    とても参考になる動画でした。
    サイトの背景画像等の作り方、見つけ方などもしれるとありがたいです。
    今後も楽しみにしております。

  • @tsuyoshi146
    @tsuyoshi146 3 ปีที่แล้ว

    勉強になりました!ありがとうございます!!

  • @hyayun1111
    @hyayun1111 3 ปีที่แล้ว

    提案書の作り方を詳しく教えてくれるところがないので、勉強になりました。
    提案書って何?って思っていたので、この動画にたどり着けて良かったです。
    ありがとうございます😊

    • @web5096
      @web5096  3 ปีที่แล้ว +1

      参考にしていただけてよかったです!

  • @user-nj2yd7yn5s
    @user-nj2yd7yn5s 3 ปีที่แล้ว

    めっちゃ凄い!
    全部見ます

  • @arudaner
    @arudaner 3 ปีที่แล้ว

    いつも楽しみに動画を拝見しております。
    要件整理やコンセプトの打ち出し方など大変参考になりました。
    ぜひ他の仮想案件の動画も期待しております!

  • @tamatetamate
    @tamatetamate 3 ปีที่แล้ว

    すごーく勉強になりました。案件受注後のプロセス?
    ワイヤーフレーム?とか見積書的なもの?とかあったら教えてほしいです。

  • @nagisa6951
    @nagisa6951 3 ปีที่แล้ว

    とても参考になりました…!ありがとうございます😭
    こんな有料級の動画をこの場所で公開して下さるのは心が広すぎますね…!
    今後本気で勉強したい人向けに有料コンテンツの予定はありますか?😌

  • @amatousousai
    @amatousousai 3 ปีที่แล้ว

    すごく分かりやすく、非常に有難いです。
    というか、とりあえずアキユキさんのご指南をそのまま実践しながら身につけたいと考えています。

  • @amikame792
    @amikame792 3 ปีที่แล้ว +2

    すごく参考になりました!
    ありがとうございます!!
    1つ質問なのですが、ヒアリングから提案書、xdの完成までどれくらいの時間を掛けますか?

    • @web5096
      @web5096  3 ปีที่แล้ว +1

      xdの完成 → 提案用のXD、という意味であれば全部込みで、10時間前後ぐらいだと思いますよ。
      昔はもっと時間かかってましたが。

  • @user-jq8xk3yu9h
    @user-jq8xk3yu9h 3 ปีที่แล้ว

    サーバーとかドメインのことも知りたいです !

  • @tyoopa4425
    @tyoopa4425 3 ปีที่แล้ว

    提案難しくてヒイヒイしてました。今この動画釘付けになってます。

    • @web5096
      @web5096  3 ปีที่แล้ว +1

      提案ってヒイヒイしますよね…!

    • @tyoopa4425
      @tyoopa4425 3 ปีที่แล้ว

      まさか共感してもらえるとは!動画コンテンツ豊富ですごい助かってます。。提案がんばります..(^^)!

  • @grant1096
    @grant1096 3 ปีที่แล้ว

    とーってもタメになります!!

  • @user-dy6sx3tf6v
    @user-dy6sx3tf6v 3 ปีที่แล้ว

    いつも勉強させて頂いてます。
    ありがとうございます。
    質問なのですが、今回のテーマがレストランとのことですが、様々な業界、業種から依頼が来てもいいように、幅広く様々な業界の本を読まれたりと知識を蓄積されていますか⁈

    • @web5096
      @web5096  3 ปีที่แล้ว +1

      いえ、そこまではやってないですが、
      案件をやることになった時にある程度色々調べるのと、ヒアリングのときに詳しく聞いています。

    • @user-dy6sx3tf6v
      @user-dy6sx3tf6v 3 ปีที่แล้ว

      @@web5096 ご丁寧に返信頂きありがとうございます。今後とも拝見させて頂きます。

  • @mitsuyamagata2737
    @mitsuyamagata2737 3 ปีที่แล้ว

    いつも動画見させていただいています!
    レスポンシブは必須だと思うのですが、ワイヤー提案の際にスマホ版のレイアウトは組んで見せたりはしませんか?

    • @web5096
      @web5096  3 ปีที่แล้ว

      そうですね、レスポンシブは基本必須だと思います。
      案件によって提案段階でスマホ版だけ見せたり、PC版だけ見せたり、両方見せたりしますよ!

  • @user-fy7lm1uq6c
    @user-fy7lm1uq6c 3 ปีที่แล้ว

    実際の案件だった場合、請求金額としてはどのくらいですか?