Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

"なんでもやります"型デザイナーのWebサイト制作フロー in Web Designer’s Tips ! #01

523 views

Published on

2018年8月11日(土) 開催 Web Designer’s Tips !
https://web-designers-tips.peatix.com/

恐れ多くて「フルスタックWebデザイナー」なんて名乗れないけれど、企画、デザイン、コーディング、CMS実装を一通りやっているWebデザイナーが、実際の受託案件をモデルにワークフローをご紹介します。
受注のきっかけ、ヒアリング、担当者さんとのやり取り、CMS選定・構築、その後の運用などリアルな制作の一例をご覧いただければ幸いです。

Published in: Design
  • Be the first to comment

"なんでもやります"型デザイナーのWebサイト制作フロー in Web Designer’s Tips ! #01

  1. 1. 型デザイナーの Webサイト制作フロー なんでもやります! あさぎデザイン いまいりさこ 2018.08.11 Web Designer’s Tips !
  2. 2. なんでもやります!型デザイナーのWebサイト制作フロー 本日の流れ ✦ こんな仕事をしています ✦ Webサイト制作のワークフロー ✦ 目指すのは “街の電気屋さん” ✦ “なんでもやります”型の課題
  3. 3. “Webデザイナー”って ひとりひとりやってること 全然違いません?
  4. 4. “なんでもやります”型Webデザイナーの話 今日は なんでもやります!型デザイナーのWebサイト制作フロー
  5. 5. “なんでもやります”型Webデザイナー 「なんでもできる」わけではない なんでもやります!型デザイナーのWebサイト制作フロー
  6. 6. いまいりさこ @i_mairy 制作会社に約3年勤務後、フリーのWebデザイナーに なんでもやります!型デザイナーのWebサイト制作フロー
  7. 7. なんでもやります!型デザイナーのWebサイト制作フロー できること ✦ サイト設計とデザイン ✦ HTML/CSS マークアップ ✦ CMSの組み込み ✦ ちょっとしたライティング ✦ サイト更新、SNSのアドバイス
  8. 8. なんでもやります!型デザイナーのWebサイト制作フロー 苦手なこと ✦ JavaScript は jQuery 頼み ✦ アニメーション設計は苦手 ✦ PHP 書けません ✦ マーケティングは独学自己流
  9. 9. 新しいことが大好きです その反面、飽きっぽいところもあるので
 気をつけています… なんでもやります!型デザイナーのWebサイト制作フロー
  10. 10. 今日は 型デザイナーの Webサイト制作フロー なんでもやります! なんでもやります!型デザイナーのWebサイト制作フロー
  11. 11. https://healthcare-art.net/なごや ヘルスケア・アート・マネジメント推進プロジェクト
  12. 12. ゴールを一緒に探す案件 明確なCVがあるわけではないので、 結構手探りです なんでもやります!型デザイナーのWebサイト制作フロー
  13. 13. なんでもやります!型デザイナーのWebサイト制作フロー 今回やったこと ✦ ロゴの作成 ✦ イベント告知用ティザーサイトの制作(わりと特急) ✦ SNSでの告知・Facebook広告出稿 ✦ イベントの告知 その2 ✦ 最終的なWebサイトの制作 ←Now!
  14. 14. ロゴデザイン5月下旬 6月16日 6/23のイベント告知ティザーサイト開始6月上旬 6月23日 ティザーサイト公開 Facebook 広告などで宣伝を開始 下層ページを公開・イベント内で募集開始 8月上旬 長期運用を見据えたリニューアル 担当者さんによるSNS運用
  15. 15. ロゴデザイン5月下旬 6月16日 6/23のイベント告知ティザーサイト開始6月上旬 6月23日 ティザーサイト公開 Facebook 広告などで宣伝を開始 下層ページを公開・イベント内で募集開始 8月上旬 長期運用を見据えたリニューアル 担当者さんによるSNS運用
  16. 16. ロゴデザイン なんでもやります!型デザイナーのWebサイト制作フロー
  17. 17. ロゴデザイン5月下旬 6月16日 6/23のイベント告知ティザーサイト開始6月上旬 6月23日 ティザーサイト公開 Facebook 広告などで宣伝を開始 下層ページを公開・イベント内で募集開始 8月上旬 長期運用を見据えたリニューアル 担当者さんによるSNS運用
  18. 18. https://healthcare-art.net/
  19. 19. Facebook 広告など なんでもやります!型デザイナーのWebサイト制作フロー
  20. 20. ロゴデザイン5月下旬 6月16日 6/23のイベント告知ティザーサイト開始6月上旬 6月23日 ティザーサイト公開 Facebook 広告などで宣伝を開始 下層ページを公開・イベント内で募集開始 8月上旬 長期運用を見据えたリニューアル 担当者さんによるSNS運用
  21. 21. ロゴデザイン5月下旬 6月16日 6/23のイベント告知ティザーサイト開始6月上旬 6月23日 ティザーサイト公開 Facebook 広告などで宣伝を開始 下層ページを公開・イベント内で募集開始 8月上旬 長期運用を見据えたリニューアル 担当者さんによるSNS運用
  22. 22. 今日は “ 街の電気屋さん ” 目指すのは なんでもやります!型デザイナーのWebサイト制作フロー
  23. 23. “なんでもやります”型Webデザイナー 「なんでもできる」わけではない なんでもやります!型デザイナーのWebサイト制作フロー
  24. 24. “なんでもやります”型Webデザイナー 「なんでもできる」わけではない 得意な人を紹介したり、 一緒に考えることならできる! なんでもやります!型デザイナーのWebサイト制作フロー
  25. 25. 便利な“Web”の 水先案内人を目指しています
  26. 26. 今日は 型デザイナーの 気をつけないといけないこと なんでもやります! なんでもやります!型デザイナーのWebサイト制作フロー
  27. 27. “どのレベルを求められているか”を 見極めることと ”できること” の共有が大切
  28. 28. “どのレベルを求められているか”を 見極めることと ”できること” の共有が大切 「期待はずれ」と
 言われないために!
  29. 29. ご清聴ありがとうございました!

×