UI Design System

For every project I worked on, I created a UI design system based on the Atomic Design System as it is a great way to leverage the modular and reusable nature of UI components. It lets the design team share these components across projects, save time and keep the UI consistent.

I’ll use my capstone project “Wings” as an example:

 

Role: Product Designer Project Type: Academic Platform: Android Time Frame: 2 Weeks Tools: Adobe XD, Illustrator, Photoshop

Icons, typography, buttons and images

Groups of two or more Atoms.

Assemblies of molecules functioning together as a unit.

Page-level objects that place components into a layout.

Specific instances of templates that show what a UI looks like with real representative content in place.

Previous
Previous

Wings- UX/UI Case Study

Next
Next

Walmart App Heuristic Evaluation & Re-design