WEB DESIGN SYSTEM
- UX DESIGN

The problem

A web design system is a powerful tool for businesses to achieve consistency in their branding and messaging 🚀. A system is the best practice for UX designers to create consistent and effortless visual content 📱. However, It's essential to consider different types of disabilities when designing digital interfaces or creating visual content to ensure accessibility and inclusivity for all users 🦾.

The solution

Following the atomic design method I created a set of web "molecules" that will serve as component building blocks. In addition to that, the system must be accessible to all users with disabilities such physical, visual, auditory, speech, and cognitive. After research all components are created on Figma.

The process

1 - COLOR COMPONENTS
2 - TYPOGRAPHY COMPONENTS
3 - ICON COMPONENTS
4 - BUTTON COMPONENTS
5 - FORM COMPONENTS
6 - MEDIA COMPONENTS
7 - INTERACTIVE COMPONENTS
8 - STATUS COMPONENTS

Final product

After developing all components and testing them out I created a fictional mockup of how the landing page of The City Of Pomona and Best Buy website to improve their accessibility. The building process went smooth with the system and the results are satisfactory.

Let's work together

Get in touch!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.