Besides redesigning the interface, I also built a design system to make sure the consistency and keep the efficiency while transforming to engineerers.
How I made decisions between components, positions, and texts to make sure the design fits perfectly with common situations and also follows the guideline.
Check out my UX reserach process before designing.
Besides redesigning the interface, I also built a design system to make sure the consistency and keep the efficiency while transforming to engineerers.
How I made decisions between components, positions, and texts to make sure the design fits perfectly with common situations and also follows the guideline.
Moved the position of the secondary button "Build later" from the top right to the bottom (also below the main CTA). This can make sure users know where to touch each time they want to move to the next step.
Reduce users' visual burden.
Follow the primary and secondary relations.
Use the original ios component to easily switch between different options. Also, gather the whole content into the viewport without scrolling.
Users aren't sure if cards are choosable, so I decided to change the type.
From Card → Radio button → Checkbox
The checkbox represents multiple-choice without literal explanations. Preserve illustrations while changing the type of options.
Use the original ios component to easily switch between different options.
Change the design to fit its unclickable attributes.
pink, filled tag → text only (function: provide information)
With a team of 7 UI/UX designers, our final goal was to re-design and create a better user experience for Silvergate's App.