こんにちは。
Webデザイナーとして活動している もーな(@cow_freelife)です。
このブログでは、確実に受注したい案件獲得法～納品までの流れをご紹介したいと思います。
今回ご紹介させていただくのは、SNS運用を軸にWeb関連の事業をされている株式会社東北フリーランス代表こーすけさんのHPを制作させていただいた際の流れになります。
こんな方にオススメです
☑︎応募文にどんなことを書いて提案すればいいかわからない人
☑︎お客様とどうやってコミュニケーションをとったらいいかわからない人
☑︎案件を獲得したいけど、なかなか受注に繋がらない人
☑︎LPやHPなどWeb制作の案件を獲得したい人
Webデザインの基本的なスキルだけでなく、
フリーランスとして成功するための実践的な知識やコミュニケーション能力、問題解決能力を高めることにも繋がるかと思います。
これから案件をこなして行きたいけど、まだ経験が少ないので不安という方に読んで、新たな一歩を踏み出すキッカケになれば嬉しいなと思います。
では、早速いきましょ～♪
目次
1｜きっかけ
2｜提案(自己紹介兼面談前スライド)
3｜面談
4｜デザイン・コーディング
5｜修正～納品
1｜きっかけ
私が制作をさせていただくことになったきっかけは、
こーすけさんのこんなツイートから。
同じ東北出身者でSNS運用やYouTubeでの活動を拝見しており、憧れ&尊敬して応援していた私。
絶対にこーすけさんのHP制作したい！
絶対にこーすけさんと一緒にお仕事したい！
絶対にインタビューされたい！
絶対に憧れのこーすけさんとお話したい！
などこんなチャンスはない！と思い、急いで応募文を作成しYouTubeでの動画も何回も何回も見て内容を把握してから応募しました。
そのときに私が送った応募文の一部がこちらです↓
初めまして。
合同会社Mirarchのもーな（本名）と申します。
今回、こーすけさんのHP制作のお仕事をぜひお任せしていただきたく、ご連絡させていただきました。
今は、埼玉で活動しておりますが、
出身が福島県の郡山市で、東北フリーランスchのこーすけさんのYouTubeもよく拝見させていただいております。
いつか私も東北出身者としてこーすけさんのYouTubeに出演したいと夢見て活動しておりました。
今回そのチャンスを与えていただけましたら幸いです。
高級感のあるデザイン、柔らかい色合いやオシャレなイメージサイトのデザインが得意です。
ただデザインするだけでなく、お客様の売上貢献に繋がるようなマーケティング視点でデザインをすることができますので、少なからずお役に立てるのではないかなと思っております。
WordPressで制作するため、
デザイン〜サーバーアップまですべてお任せください。
制作後の軽微な修正や保守運用ももし可能でしたらお任せいただけましたら幸いです。
最後に
改めまして
法人化おめでとうございます。
少しでもこーすけさんの本質的なお悩みやご希望を引き出ししてよりよいHP制作を一緒に作り上げて、お役に立てれば大変光栄でございます。
zoomやオフラインでの打ち合わせも可能ですので、お話できる機会がありましたら幸いです。
よろしくお願いいたします。
どーーーしてもこーすけさんのHP制作をしたかったので（2回目w）
溢れるばかりの想いを文章でぶつけました。
その後、こーすけさんがこんなツイートを発信していました。
このツイートは本当に参考になるので、案件獲得したいけど、なかなか受注できない！って悩んでいる方は何回も何回も読み込むことをおススメします。
私はブックマークして、たまに読み返しています！
こちらにめちゃ良いと思った提案で
提案とは別に「法人化おめでとうございました」という一言メッセージが付いた提案
とあり、この文を見たときにとっても嬉しい気持ちになりました！
ちなみに
私がなぜこの一言メッセージを入れたかというと
こーすけさんの固定ツイートを見たからです。
こーすけさんにとって法人化することは、とても勇気がいる決断だったと思いますし、
仕事をする上で大きい出来事だったと思います。
私も法人化して手続なども大変なことも知っています。
なので、自分が言われて嬉しいことって何かなと考えたときに「おめでとうございます」は絶対に言いたい！と思い、一言入れさせていただきました。
2｜提案
その後、希望の連絡手段でチャットワークにしていたため、
チャットワークにて連絡がありました！
もう本当に嬉しくて嬉しくて心躍っていました。
ただ、まだこの時点で受注できたわけではありません。
面談前に私に出来ることはないかなと考えて、自己紹介兼面談前スライドを作成しました。
一部公開します↓
もし全部のスライドを見たいという方はDMください♪
また、以前からこーすけさんのYouTubeを拝見しておりましたが、面談前は暇さえあればこーすけさんのYouTubeを見てどういう人柄なのか、世界観なのかを意識しながら見ていました。
3｜面談
すごく緊張してうまく話せないかと思いましたが、こーすけさんが本当に紳士で優しくて普段通り自分らしく楽しくお話できたと思います。
オンライン上でもこーすけさんの人柄の良さや誠実さが伝わってきて、やっぱり素敵な方だなと思い、その魅力がHP制作でも伝わればいいなと思いました。
数日後に、こーすけさんからお返事がきました。
こうしてこーすけさんのHPを制作させていただくことになりました✨
4｜ヒアリング
私は、HP制作などWeb制作をする際には、
ほぼ毎回zoomでのヒヤリングをさせていただきます。
文字だけでは伝えきれない大切な情報、人柄、イメージなど、コミュニケーションを通じてより鮮明に伝わるからです。
こーすけさんからも
丁寧にヒアリングとご提案もしていただき
自分の中のイメージが鮮明になってきました🙌
とおっしゃっていただきました✨
事前にヒアリングシートを記入していただき、そのシートを元にお話させていただきました。
ここでお伺いできたのは以下の条件。
・【デザイン】シンプルかつススタイリッシュで見やすさ重視
・【デザイン】ロゴのカラーを使用したい
・【デザイン】東北と分かるような象徴を入れたい
・【ターゲット】中小企業の担当者、東北にいる人
・【目的】どういった会社なのか示したい・お問い合わせ・合宿の参加お申し込み
その他、構成案や希望納期、イメージカラーや画像など細かい点を確認しました。
ヒアリングの後には、スケジューリングの共有をしました。
今回、ライティングはこーすけさんの方で先に提出していただき、デザインという流れでした。
数日後にライティングをご共有いただき、できる範囲から早速デザインに入りました！
5｜デザイン
デザインの下準備として、下記の作業を行いました。
①こーすけさんから共有いただいたnoteやYouTube、Instagramなど改めてひと通り見返しました。
特にロゴのYouTubeはデザインでもかなり重要になるので、3,4回見てデザインのイメージを膨らませました。
※YouTube添付
②デザインのリサーチを行います。
参考サイトを3つ共有いただいていたので、その3つのイメージと合うものをPinterestなどでリサーチしました。
レイアウトの構成をある程度決めて、参考にしたいサイトをいつでも見返せるようにメモに貼り付けていきます。
Photoshopでデザイン。
サイズは、PC版1440pxでアートボードを作成。
大前提として、
今回、公開後はこーすけさんの方で保守運用していきたいとのことだったので、
運用しやすいデザインを心がけました。
デザインを確認してもらう際に気をつけたこと
2〜3案スプレッドシートに書き出したものを貼り付けてどういったイメージかを選んでもらって擦り合わせしていました。
テキストだけでは伝えにくいことも多いので、画像で選んでもらうことでイメージが膨らむし、見て欲しいものだけを並べているので、お互いに効率的でコミュニケーションコストがかかりにくいかなと思います。
6｜コーディング
7｜納品
以上！
応募〜納品までの流れでした！
長々とお読みいただきありがとうございました！
