status-im / design

Mozilla Public License 2.0
6 stars 3 forks source link

Status Design

This is the repo where we co-ordinate design bounties and submissions for the Status ecosystem.

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.

  1. Janitor creates a design epic and story(-ies) in pivotal; 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 updates design story to use cases covered by the design

Tech Review

  1. Janitor 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 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, Nabil, Rachel, Hester.
  2. Designer updates design if needed (includes coordination of final copy).
  3. Janitor 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.

Brand/Marketing design

Needs and responsibilities

Marketing team's design needs include items below, with responsible designer (Marketing or Product) added to each.

Assumption is that product designers only work Product landing page and brandbook. Occassionally help is needed to produce other assets. Occassionally product designers enjoy providing other assets as a welcome distraction:) (e.g. t-shirt designs).

Way of working

To ensure consistency between product and assets we discussed the following WOW:

Design checklist

Contact us

Join us in Status http://get.status.im/chat/public/status-design

License

Licensed under the Mozilla Public License v2.0