Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Similarities Between Building Construction and Software Design Systems

Similarities Between Building Construction and Software Design Systems

Presentation for English LT
https://andpad.connpass.com/event/231653/

9347fe838093bda2909399174501f24a?s=128

ShotaKugawa_Meijin

December 24, 2021
Tweet

More Decks by ShotaKugawa_Meijin

Other Decks in Design

Transcript

  1. ©iCARE Co., Ltd All rights reserved 1 Similarities Between Building

    Construction and Software Design Systems iCARE Co.,Ltd UI Designer Shota Kugawa
  2. ©iCARE Co., Ltd All rights reserved Self Introduction 2 •

    Shota Kugawa • Twitter ID: @zouzei8to10 • note ◦ デザインシステムを創りはじめました。 ◦ デザインシステムとは引き出しを設計することである ◦ デザインシステム of ダッチデザイン ◦ もうかりまっか?デザインシステム 
 • Event LT ◦ デザイナーとフロントエンドエンジニアを繋ぐ技術(held by iCARE Co., Ltd.)
 ◦ UI/UXデザイナーLT会(held by RAKUS Co., Ltd.)
 Hi! everyone I’m a User Interface Designer from iCARE
  3. ©iCARE Co., Ltd All rights reserved Our Main Product Health

    Management SaaS
 named“ケアリィ”
 

  4. ©iCARE Co., Ltd All rights reserved 
 Consultation and Advising

    with Chats For employees Total Health Information Management For personnels and occupational physicians Total Company Health Support Employees
 Medical staffs
 Personnels and occupational physicians
 Chat Cloud Health
 checkups
 Stress 
 Check
 Overwork
 OverTime
 Summary of Carely
  5. ©iCARE Co., Ltd All rights reserved Clients

  6. ©iCARE Co., Ltd All rights reserved 6 Main topic Similarities

    Between Building Construction and Software Design Systems
  7. ©iCARE Co., Ltd All rights reserved Building construction Making progress

    in the construction process with • blueprint • roadmap • tools • catalog • heavy machinery ◦ and communicate with each craftsperson
  8. ©iCARE Co., Ltd All rights reserved We’re building Design systems

    Design systems also composed of • blueprint ( GUI / component / interaction ) • roadmap( roadmap ) • tools( figma / XD / prototyping tool ) • catalog ( Storybook ) ◦ and communicate with team members over various communication tools
  9. ©iCARE Co., Ltd All rights reserved Today’s viewpoint is ≒

    Software Development Building Construction
  10. ©iCARE Co., Ltd All rights reserved Blueprint Blueprint • prots

    documentation for ◦ UI parts ◦ component ◦ screen transition ◦ interaction( animation ) ◦ and design rules and background Architecture blueprint
  11. ©iCARE Co., Ltd All rights reserved Roadmap Roadmap • prots

    milestone ◦ research phase ◦ design phase ◦ definition phase ◦ applying phase ◦ release phase roadmap of construction
  12. ©iCARE Co., Ltd All rights reserved Catalog Catalog • Storybook

    is like a catalog resisterd ◦ color ◦ typography ◦ button ◦ modal ◦ interaction building component ( from MonotaRO)
  13. ©iCARE Co., Ltd All rights reserved What a Design Systems

    can do for your team • Development while looking at the same goal and same rules • Mutual understanding between design and engineering • Creating documents help reduce confusion for newcomers • Design Systems itself will be also the product of your team
  14. ©iCARE Co., Ltd All rights reserved and, Design Systems take

    me here to get a chance to present in this event! Once again, Thank you!
  15. ©iCARE Co., Ltd All rights reserved \ We're Hiring👍 /

    https://herp.careers/v1/icare 👇Recruit(HERP) https://note.icare-carely.co.jp/ 👇 official note