KERWIN CHEN 

PRODUCT DESIGN 


INFORMED BY THE PAST –
INSPIRED BY THE FUTURE. 


APPS 

2019
  1. Migo Design System
  2. Omniscient by Echo


2018
  1. Bitmark Health
  2. UC Berkeley Data Donation

2017
  1. Chibitronic


WEBSITES

2018
  1. Bitmark Property Registry

2017
  1. Nonezero


BRANDING  

2018
  1. Youth of Burma
  2. Silver twinkle

2017
  1. Oosh
  2. Guerrilla


PHYSICALS  

2016
  1. Glenfiddich Bespoke Packaging Kit
  2. The Naked Grouse-Perfect Serve
  3. Balvenie Single Barrel-2015 Limit Edition
  4. Free Your Spark

2015
  1. Piper Speaker
  2. Wave After Wave



I'm not just simply looking to create a beautiful face for the product — I want to help to find the best experiences for users.



︎ kerwinyangchen@gmail.com
︎ About me

︎ Linkedin
 
︎ Instagram


Mark

Design New Design System at Migo 



Yes, my startup is ready for a design system. A design system presents the way your product organization works in general.



CASE STUDY -

Design a new design system that can adapt and improve existing UI and UX.

When I started at Migo, a startup building an offline video service Android app for the emerging market (Philippines, Indonesia as start). Due to the company reorganisation, I am the only User Interface Designer of the product team. And there is no design system for all the existing UI (even though at that time we have a full function app), in my past experiences where I saw first-hand the results of waiting too long to implement a proper design system. By the time you’ve scaled, it will take exponentially more resources to undo mistakes that are now ingrained into your product. I knew that we would have to hit the ground running with a systemized approach to design right off the bat. 

As I’m awared a good design system is NEVER finished but if even the first version 1.0 sucks it’s never going to get started, so I’m sharing the progress here and introduce the concept to the team.


ORIGINAL MIGO DESIGN



︎ click image to view full size
(Production Android App, available download in Philippines, Version 1.4.0)



ROLE


Product designer: Solo UI/UX design.

TEAM


Irene · Design/UX Lead


PROJECT STATUS


3 Weeks of design, waiting for implementation. 

︎ GOOGLE PLAY DOWNLOAD



THE END RESULT




BUILT AND GATHERING EXISTING COMPONENTS


I started this process by creating a “Master components” file using design tool Figma, which included all the existing visuals from Migo app, documented every different state of each UI elements so I could see the full pictures of detail flows and design mockups with a few changes.

For example, for the offline watching experience, different from streaming service i.e Netflix: downloading videos steps and showing the progress become important actions for users that require different states and multiple steps. But at Migo there is no design file record all the used elements, I eagerly want to start designing and so it was my first task to defined flow and resolve all the unclear information.



Next: taking these components and exploring multiple variations, focusing on design the consistent branding styles and improve the user experience.


GRID SYSTEM: 6 COLUMN & 45PX MODULES




CATALOG DESIGN: PROTRAIT BANNER

BETTER BUTTONS: USING BRANDING LANGUAGE






POPUP TITLE CARD UX IMPROVEMENT





MODAL DIALOG CONSISTENCY