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.

2019年Web制作現場のリアルな話

836 views

Published on

DIST#28で登壇させていただきました。

Published in: Design
  • Be the first to comment

2019年Web制作現場のリアルな話

  1. 1. DIST.28 2019.09.13Fri. @umiremix 2019年 W eb制作現場の     な話リアル
  2. 2. フリーランスのWebデザイナー&フロントエンドエンジニア。今年の7月に独立。オンラインもくも く寺のスタッフやVueFesのスタッフととしても活動。来年の2月にデザイナー向け同人誌即売会 &交流会「デザイン読書日和」を開催するべく準備中。 UmiEbisujima 東北電子専門学校 メディアデザイン科入学 Web制作会社 ワンゴジュウゴ入社 2011 2013 価格.com運営 カカクコム入社 2016 2019 フリーランスとして 活動開始
  3. 3. 2019年 W eb制作現場の     な話リアル
  4. 4. 2019年 W eb制作現場の     な話リアル
  5. 5. 私が考える2019年の これまでと現在とこれから
  6. 6. Q.これ、なんだかわかりますか?
  7. 7. A.GoogleHomeMini(スマートスピーカー)
  8. 8. スマートスピーカー SEOが量から質へ 仮想通貨 e-Sports サブスクリプション インフルエンサー Vtuber IoT キャッシュレス ゴーストレストラン 2016年~2019年のITビジネスのバズ
  9. 9. Q.この3つのサービスに共通する、2016年~2019年で 流行したバズワードは何でしょうか?
  10. 10. A.サーバーレスアーキテクチャー(広義でクラウド)
  11. 11. 2016年~2019年のIT技術のバズ クラウド サーバーレス PWA 機械学習 テストツール TypeScriptブーム Flutter Kubernetes デザインシステム ヘッドレス
  12. 12. 私が考える2019年のこれまでと現在とこれから 「デザイン経営」宣言 CXOの増加 AtomicDesign デザインツールの進化 Figmaの流行 AdobeXD日本語版開始 デザイン ? その他 働き方改革 「インスタ映え」流行語 マイナンバー 増税・軽減税率 元号改定 ビジネス スマートスピーカー e-Sports キャッシュレス SEOが量から質へ変化 IoT 仮想通貨 Vtuber インフルエンサーマーケット市場拡大 サブスクリプションサービスの増加 ゴーストレストラン 技術 デザインシステム 機械学習 サーバレス テストツール クラウド TypeScriptブーム Flutter ヘッドレス Kubernetes PWA 年 2016 2017 2018 2019 2016年~2019年のIT業界でのバズ
  13. 13. 私が考える2019年のこれまでと現在とこれから 「デザイン経営」宣言 CXOの増加 AtomicDesign デザインツールの進化 Figmaの流行 AdobeXD日本語版開始 デザイン その他 働き方改革 「インスタ映え」流行語 マイナンバー 増税・軽減税率 元号改定 ビジネス スマートスピーカー e-Sports キャッシュレス SEOが量から質へ変化 IoT 仮想通貨 Vtuber インフルエンサーマーケット市場拡大 サブスクリプションサービスの増加 ゴーストレストラン 技術 デザインシステム 機械学習 サーバレス テストツール クラウド TypeScriptブーム Flutter ヘッドレス Kubernetes PWA 年 2016 2017 2018 2019 2016年~2019年のIT業界でのバズ
  14. 14. 私が考える2019年のこれまでと現在とこれから 「デザイン経営」宣言 CXOの増加 AtomicDesign デザインツールの進化 Figmaの流行 AdobeXD日本語版開始 デザイン その他 働き方改革 「インスタ映え」流行語 マイナンバー 増税・軽減税率 元号改定 ビジネス スマートスピーカー e-Sports キャッシュレス SEOが量から質へ変化 IoT 仮想通貨 Vtuber インフルエンサーマーケット市場拡大 サブスクリプションサービスの増加 ゴーストレストラン 技術 デザインシステム 機械学習 サーバレス テストツール クラウド TypeScriptブーム Flutter ヘッドレス Kubernetes PWA 年 2016 2017 2018 2019 2016年~2019年のIT業界でのバズ
  15. 15. 「デザイン経営」宣言のポイント 03年の「戦略的デザイン活用研究会報告書の『競争力強化に向けた40の提言 』」以来、15年ぶりの提言ということで大きく注目されました。 内容は「ブランド構築に資するデザイン」と「イノベーションに資するデザイン」に ついてや、まさしく「デザイン経営」とはなにか、なぜ必要なのか、どう実現するか 等述べています。
  16. 16. 「デザイン経営」の登場で 何が変わった?
  17. 17. 「リアル」な体感だと、 少しだけ変わりました。
  18. 18. デジタルマーケティングが起点のビジネスが多くなってきたため、以前までは もっと上流の工程だったロゴ制作やブランディングといったデザインも任せ られる機会が増えました。
  19. 19. また、イノベーションにおけるデザイン の重要性の認知拡大とツールの進化 に伴ってプロトタイプをしっかり行う 企業も徐々に増えてきました。
  20. 20. ですがデザインの重要性を理解している会社はまだまだほんの一部。エン ジニア側やビジネス側からデザイナーに歩み寄ってくるのを待つだけではな く、デザイナーが積極的にデザインの重要性を説得する必要があります。 では、デザインの重要性を理解してもらうにはどうしたらよいでしょうか?
  21. 21. ビジネス デザイン技術
  22. 22. ビジネス デザイン技術
  23. 23. ビジネス デザイン 技術 デザインの重要性を説得するためには 、ビジネスや技術といった境界線を自 分で作らないようにする必要がありま す。これは、デザインがデザイナーだけ のものでは無いという意味でもありま す。
  24. 24. デザイン経営を学ぶのにおすすめの本
  25. 25. しかし、本を読むのはお金も時間もかかるといった難点もあります。そこで、 個人的に本を読むよりもおすすめしたい専門外の知識を蓄える方法。 「チームでできないことを共有しあう」
  26. 26. バズっているワードがあったらその領域の詳しい人に「この〇〇ってどうなん ですか?」と話題を振ってみたり、できないことを共有する時間をわざと設け てみると知らないことを互いに補いあったり、知識の幅が自然と広がってい きます。フルスタックを目指す必要は無いので、ビジネスと技術とデザインの 領域や境界線をなくし、知識を混ぜ合わせて新たな価値を生んでいきましょ う。
  27. 27. 2020年には 5Gが順次開始
  28. 28. ビジネス デザイン 技術 5Gという技術の流行で、通信速度が 爆速になり、「高画質」のブームや、「 遠距離操作」「同時接続」が可能にな って、よりデザイン(フロント)側でで きることが増えたり、新たなイノベーシ ョンやインターフェースを生むチャンス が増えるのではないかと思います。
  29. 29. 2019年 W eb制作現場の     な話リアル
  30. 30. 2019年 W eb制作現場の     な話リアル
  31. 31. Webの制作環境と フリーランスの働き方
  32. 32. フリーランスの仕事の依頼は どこから受注しているのか?
  33. 33. 旦那さんの知り合いで 仲良くなった方 25% Twitter 20% Webサイト 2% 知り合い経由 2% 前職 25%旦那さんの知り合い 20% 会ったこと無い フリーランスになってから2ヶ月での仕事の依頼、全20 件分のデータです。旦那さんもフリーランスのエンジニ アなので旦那さん経由が結構多かったりします。
  34. 34. デザインツールは 何を使っている?
  35. 35. 今は8割ぐらいFigma 他にPhotoshop、 Illustrator、AfterEffectsなど
  36. 36. 実際の仕事は 何やってるの?
  37. 37. デザイン5割、マークアップやフロント エンドが5割ぐらいの割合。内容は Webやアプリ、ロゴ制作、CMS、EC などバラバラ。Webはデザインを作っ たらコーディングまでやることがほと んどなので、スピード優先でスマホ版 のデザイン作ってなかったり(逆もし かりかり)します。
  38. 38. まとめ
  39. 39. これからはデザインのことだけではなく、 デジタル分野全体に興味を持ち、 新しいインターフェイスやイノベーションを 生み出すことができるデザイナーが求められる
  40. 40. ご清聴ありがとうございました! 懇親会でぜひ絡んで下さい!

×