top of page
hero image design system.jpg

I've had the opportunity to work on both design systems and design patterns for various projects. In this showcase, I present the design systems I created for Dell and the design patterns I developed for SwipeRight.io. While my contributions extend to both areas for each project, I'm highlighting the design system for Dell and the design patterns for SwipeRight.io in this instance.

Discover two

Design Systems

At Dell, my involvement extended to a second significant design system – APEX, aptly referred to as 'scaling as a service.' Under APEX, Dell introduced a groundbreaking concept wherein our entire range of products and services became available for lease. This encompassed everything from the most straightforward laptops to the cutting-edge HELIX/PowerEdge servers, mirroring a concept akin to HPE Greenlake. To distinguish it from Dell's conventional approach of product purchase and ownership, we meticulously crafted a distinct brand identity for APEX.

APEX Design System

​

Crafting a Design System

My Step-by-Step Journey

- Empathize and Define | Research 
- Ideate
- Create UI Inventory
- Implement | Building Foundation > Design System
- Test
- Component Library

Screenshot 2024-01-17 at 11.57.43 AM.png
colorpallet.jpg

Design systems play a vital role in enhancing the development and maintenance of large-scale websites and applications. Whether it's a style guide, pattern library, or component library, these systems are invaluable in simplifying the product design process, ensuring consistency, and serving as a centralized reference point, particularly when collaborating with diverse design teams across various departments within an organization.

​

I had the opportunity to work on two design systems while I was at Dell:

- Dell's Component Library, 

- APEX Design System.

Screenshot 2024-01-17 at 12.14.38 PM.png
Screenshot 2024-01-17 at 12.07.41 PM.png
Screenshot 2024-01-17 at 12.22.42 PM.png
Screenshot 2024-01-17 at 12.19.35 PM.png
Component 70 – 1.png
Screenshot 2024-01-17 at 12.23.23 PM.png
Component 2 .png
Screenshot 2024-01-17 at 12.23.43 PM.png

Other Components

​

Design Patterns  for SwipeRight.io 

Screenshot 2024-01-19 at 11.33.05 PM.png

Every project begins with a solid foundation, and for me, that foundation is the design system. It serves as the blueprint from which all design patterns emerge. Utilizing Figma, I meticulously craft every feature and element within the design system, ensuring a seamless workflow for designers and developers alike. With accessibility at the forefront, all team members can effortlessly tap into these resources, streamlining the collaborative process.

Style One 

Screenshot 2024-02-28 at 10.02.57 AM.png

Style Two

Screenshot 2024-02-28 at 10.03.03 AM.png
bottom of page