Tweet
Tweet

Slide 1

Slide 1 text

クライアントワークのデザイナーが Notionで個人的タスクを管理している話 Yuuri Isogai

Slide 2

Slide 2 text

Agenda 7C 自己紹@ 5C クライアントワークで働く日! 8C 実際の画面（ほぼモザイク ÈC DEM ÇC おまけ

Slide 3

Slide 3 text

株式会社 Fusic デザイナー 2021年1月にFusicの社内1人目デザイナーとして入社。 BtoB、BtoC問わずWebアプリやネイティブアプリのUIデザインを主に担当。 サービスフロー設計やUX設計の領域でも奮闘中。 他にも自社プロダクトや社内で必要なデザイン業務全般、コーディングも行う。 # UIデザイン # UXデザイン # Figma # Notion # React # Storybook # Amplify Studio # AWS Certified Cloud Practitioner 礒谷 悠莉

Slide 4

Slide 4 text

今日はこの画面についてお話します

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

マルチプロジェクトの日常

Slide 7

Slide 7 text

Designer

Slide 8

Slide 8 text

Designer Project A 仕様整理・設計 UIデザイン コーディング

Slide 9

Slide 9 text

Designer Project A 仕様整理・設計 UIデザイン コーディング UIデザイン コーディング Project B

Slide 10

Slide 10 text

Designer Project A 仕様整理・設計 UIデザイン コーディング UIデザイン コーディング 会社資料デザイン 広告制作物 Project B 社内からのデザイン依頼

Slide 11

Slide 11 text

Project A Designer 仕様整理・設計 UIデザイン コーディング UIデザイン UIデザイン コーディング 会社資料デザイン 広告制作物 Project B 社内からのデザイン依頼 Project C

Slide 12

Slide 12 text

Designer Project A UIデザイン 仕様整理・設計 UIデザイン コーディング UIデザイン コーディング 会社資料デザイン 広告制作物 Project B 社内からのデザイン依頼 Project C 2030年9月 リリース予定 2030年8月 リリース予定 2030年10月 リリース予定 各制作物に納期

Slide 13

Slide 13 text

Project A 仕様整理・設計 UIデザイン コーディング 2030年9月 リリース予定

Slide 14

Slide 14 text

Project A 仕様整理・設計 UIデザイン コーディング 2030年9月 リリース予定 仕様設計 UIデザイン 開発 テスト リリース

Slide 15

Slide 15 text

9月 8月 7月 4月 3月 2月 1月 Project A 仕様整理・設計 UIデザイン コーディング 2030年9月 リリース予定 仕様設計 UIデザイン 開発 テスト リリース

Slide 16

Slide 16 text

9月 8月 7月 4月 3月 2月 1月 Project A 仕様整理・設計 UIデザイン コーディング 2030年9月 リリース予定 UIデザイン リリース テスト開始 開発 仕様設計 導線設計 UI設計 コンポーネント設計 デザイン

Slide 17

Slide 17 text

Desigher Project A UIデザイン 仕様整理・設計 UIデザイン コーディング UIデザイン コーディング 会社資料デザイン 広告制作物 Project B 社内からのデザイン依頼 Project C 2030年9月 リリース予定 2030年8月 リリース予定 2030年10月 リリース予定 各制作物に納期

Slide 18

Slide 18 text

感覚では乗り切れない併行数なので スケジュールの細分化・可視化は必須

Slide 19

Slide 19 text

そこで Notion

Slide 20

Slide 20 text

そこで いつも大変お世話になっております Notion

Slide 21

Slide 21 text

Notionでの管理が良い理由 h5 自分のリソース状況が一目で分かF e5 プロジェクトの枠を越えて自分が関わるスケジュール全体を俯瞰できF f5 カスタマイズ性が高いので、自分好みに管理の仕組みを設計できる

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

データベースの設計

Slide 24

Slide 24 text

Project A Project B Project C 導線設計 UI設計 ビジュアルデザイン コーディング コンポーネント設計 仕様整理・設計 導線設計 UI設計 コーディング ビジュアルデザイン データベース - タスク一覧 データベース - プロジェクト一覧

Slide 25

Slide 25 text

Project A Project B Project C 導線設計 UI設計 ビジュアルデザイン コーディング コンポーネント設計 仕様整理・設計 導線設計 UI設計 コーディング ビジュアルデザイン

Slide 26

Slide 26 text

実際に使っている様子をお見せします

Slide 27

Slide 27 text

おまけ

Slide 28

Slide 28 text

Notionでの管理が良い理由 h5 自分のリソース状況が一目で分かF e5 プロジェクトの枠を越えて自分が関わるスケジュール全体を俯瞰できF f5 カスタマイズ性が高いので、自分好みに管理の仕組みを設計できる

Slide 29

Slide 29 text

Notionでの管理が良い理由 h5 自分のリソース状況が一目で分かF e5 プロジェクトの枠を越えて自分が関わるスケジュール全体を俯瞰できF f5 カスタマイズ性が高いので、自分好みに管理の仕組みを設計できる ＋ あとから色んな情報を紐付けたいときに増設できる

Slide 30

Slide 30 text

それもお見せしちゃいます

Slide 31

Slide 31 text

ご清聴ありがとうございました Thank you ;)