top of page
Timeline
🕗 Jan 2024 - Present
All proofs of concept, prototypes and designs were created for use by Gap Inc.
Role
📝 As a Senior UI Designer, I worked on the Gap Franchise Design System, and designedInternal franchise web modules for internal users.
Tools & Languages
🛠️ Figma, Figjam, Mural, Jira, Confluence, Sharepoint
Product, Native Mobile/Desktop UI
Franchise Design System
I created and maintained components for the Franchise Gap design system, and aimed to ensure a cohesive and consistent user experience across all franchise modules. Using user-centric design principles, components added, removed, updated and improved upon.
01 Native Web Components
I was integral in the creation and maintenance of the Franchise design system. These components, combined with ag-grid components, make up our Franchise web modules.
02 Color Usage
The color styles that we created for the Gap Franchise design system represent the brand, and affect text styles and components. I created visual documentation guides for color accessibility and usage to implement colors in all Franchise modules.
AccessibiIity: proposed and implemented higher contrast colors that elevated our color contrast standards to WCAG Level AA.
.png)
.png)
03 Typography
Our team of two created two typography categories for Franchise experiences. One style category for component experiences, and one style category for ag-grid tables.
The typescale is used across experiences, and are implemented on the front-end as H1 - H5, P1 - P5, among other text styles. Our typography documentation and usage ensures consistency across all franchise modules.
04 Franchise Modules - Web UI
Our team also worked on Franchise modules to support all internal platforms that allow for order management and fulfillment, and facilitates all correspondence with Gap Inc third-party partners.
.png)
bottom of page