Skip to content
hesterbruikman edited this page Jan 29, 2020 · 3 revisions

Design projects and process

Design projects

Every project is different, the table below shows a rough distinction between project types, their related effort and process.

Type Size Example Tech review Design review Design > Dev Dev > Design
New feature XL Teller Network / TTT / Stickermarket / DApp store x x x x
Improvement isolated UI component S Additional message status x x
Improvement contextual UI component M Snackbar x x x x
Improvement isolated flow L Onboarding x x x x
Improvement across touchpoints XL Profile settings / Navigation x x x x
Ball park legend: S - hours, M - day, L - few days, XL - weeks

Note 
* Design is never done. 
* A design project follows the same tradeoff as any other. There is no magic. https://fastgood.cheap/

Design process

Design process is iterative and differs depending on the design ask. The process outlined below describes the most common process within Status for new features or projects.

  1. Janitor, PM or designer creates a design epic and story(-ies); including order of use cases to be covered.
  2. Designer works on concept designs in Figma.
  3. Designer collects feedback from design team, and others when relevant, on concepts. Either 1:1, in a call or by tagging in Figma.
  4. Janitor, PM or designer updates design story to use cases covered by the design

Tech Review

  1. Janitor, PM or designer organizes a review with the relevant technical team lead, and others if necessary. Tech reviews are needed for new features, and any M-XL sized features.
  2. Designer updates design if needed.

Design Review

  1. Janitor, PM or designer organizes Design Review. Objective depends on state and complexity of design; Can be OK for handoff or collecting feedback in Research phase. Attendees: Designer, Developer, PM, tech lead.
  2. Designer updates design if needed (includes coordination of final copy).
  3. Designer organizes a Design > Dev handoff call if needed.
  4. Designer adds himself to relevant GitHub issue and shares the design files
  5. Designer continues to monitor implementation activities
  6. Designer follows up to troubleshoot any questions during development and provide any additional specifications, components, screens if needed.
  7. Designer reviews implementation; Dev > Design
  8. Design story is closed in pivotal after PR is merged or further UI changes are highly unlikely.

Design review template

Design checklist