Creating an UI Style Guide on Bi-directionality
The task was to create a UI Style Guide to support Herbalife's existing Design System library that documents various rules and guidelines for accommodating bi-directional languages like Hebrew, Arabic or Urdu. These are also called Right-to-left languages since their writing or reading pattern occurs from right to left. The newly created style guide introduces a new type system, enhanced font styles, standardisation on content mirroring and accessibility annotations.
UX Research | Bi-directionality | Accessibility Audit | ARIA | RTL Scripts | Style Guide
Dunkin' Donuts - Visual Design & Design System
Our brief was to design an efficient and engaging digital transformation platform β€˜The Center’ that creates a deeper connection between corporate, franchises and team members to deliver relevant, personalized, information to help them execute their jobs more effectively and enjoyably. We ensured the brand color & type styles passed WCAG 2.1 standards, constructed a design library & created the General Training Tool, which enables store managers to examine, assign and evaluate their employee training modules. Like enrolling an employee like food safety, making cinnamon donut, etc.
Design System | Visual Design | WCAG 2.1 audit | UI Design
Westcon Comstor X Merkle/Dentsu
The task was to design a B2B portal that brings the different cogs of their business equipments together. The challenge was achieving an experience that is a balance of business requirements, technology constraints and optimal User Experience. We have also developed a design library and UI screens to redefine their visual language. The new screens are created to simplify visual data, address the loopholes of the previous UI designs and provide a business-oriented UX using their existing brand guidelines. In Layman's terms, I would approach Westcon to set up my new office remotely to procure machinery, buy hardware, subscribe to software plans and coordinate with vendors. The new UI enables stakeholders to manage their orders from any part of the world.
Interaction Design | B2B Web Design | Data Visualisations | Design System
BigCommerce B2C - Platform Agnostic for e-commerce UX
After studying Baymard Institute guidelines on best UX practices as well as examining popular e-commerce websites like Nike, IKEA & Myntra. We created an e-commerce platform-agnostic to support any brand’s omnichannel experience and provide hassle-free checkout for shoppers. It encompasses an enhanced search interface, two options for sorting/filtering products, educates shoppers on product benefits or applications, USPs, and Megamenu to optimize the navigation system. We collaborated with BigCommerce, a paid SaaS e-commerce platform that helps you create, build, host, and maintain your online store. Currently, the platform hosts more than 52,000 stores.
UI/UX | Design System | Omnichannel UX | E-commerce
Baskin Robbins - Visual Design & Design System
Our brief was to design an efficient and engaging digital transformation platform β€˜The Center’ that creates a deeper connection between corporate, franchises and team members to deliver relevant, personalized, information to help them execute their jobs more effectively and enjoyably. We ensured the brand color & type styles passed WCAG 2.1 standards, constructed a design library & created the General Training Tool, which enables store managers to examine, assign and evaluate their employee training modules. Like enrolling an employee like food safety, making cinnamon donut, etc.
Design System | Visual Design | WCAG 2.1 Audit | UI Design
Back to Top