H’s Design System
Design System
Ended
2023 – 2023
The interactive elements and user-friendly design for both my internal team and clients, and helped to improve overall efficiency in the design process.
Challenge
My challenge was to find a more efficient way to show clients different wireframe aspects in a row. The current process was time-consuming and did not provide clients with a clear understanding of the various options available to them.
Strategy
To address this challenge, I developed a strategy that involved creating a design system with all variants of websites and landing pages. This design system would provide clients with a comprehensive view of the different wireframe options, allowing them to make informed decisions and provide feedback more efficiently. I also incorporated interactive elements to the design system, such as clickable elements and animations, to provide clients with a more immersive experience.
Results
The solution I proposed was a design system that included a library of wireframe templates, along with different variants of websites and landing pages. The design system was interactive and allowed clients to click through the various options to get a better understanding of the different wireframe aspects. The system also included clear calls to action and easy-to-understand navigation, making it user-friendly for both our internal team and clients.
Atomic Design
I used a system by molecules and atoms to ensure the versatility of the system. This allowed me to think about little details to see the big picture.
Color
Color as a functionality tool, using main, contrast and surface colors. Allowing to adapt this system to all projects.
Adaptability
Adaptability as a design element. Allowing the pieces to mutate and combine for any type of requirement.
I developed a strategy that included a streamlined organization system and user-friendly interface. The solution resulted in a positive user experience and increased efficiency for both our internal team and clients.
Then generating different combinations one can test different layouts in an agile and fast way to produce high fidelity prototypes using a medium fidelity interface, which generates a reduction in the types of tests and being able to deliver a product in record time using shortcuts that have worked previously. Strongly using Jakob’s law
I was responsible for:
UX Research
Creative and UX Design process
Documenting the Design System
Product UI
Content Design