The process
Vibbo redesign
Jan 2020
Step 01: Audit and document the product
- Identify inconsistencies and improvement points
- Product overview
- Identify views and main flows
- Understanding the business model and minimum unit
Step 02: Generate a solid style guide
- Define styles and typographical hierarchies
- Define a versatile color palette
- Develop a visual concept
Step 03: Design and document functionality
- Design systemically using reusable patterns
- Create and name components
- Apply user experience improvements
Step 04: Generate a design system
- Create consistent components
- Organize and document components
