Button Design System Project
Button Design System for a travel platform used for outdoor activities
The design system :
Goals:
- Keeping the brand identity : I wanted to keep the colors of the brand, its identity, which made sense regarding the type of app.
- Adding Darkmode : Darkmode wasn't included in the app, and I wanted to add this feature to let the user decide what they prefers more, they love having a choice and being in control. There are also benefits for people with certain visual impairments.
- Consistency : The main issu of the button's app was their lack of consistency. I re-designed the buttons types for a better clarity of what's important and what's less.
- Accessibility : It was a important step in the design , and I ensured that they all adhere to level AA WCAG standards.
Reviews
1 review
Hey there! Dropped review just to let you know the file needs request access. Once it's fixed I'll adjust my feedback accordingly 👌
1 Claps
Average 1.0 by 1 person
You might also like
Project
Ubani Design System
Ubani Design System Includes consistent, accessible, and scalable product foundation across neighborhood social experiences. It includes: a
Project
CJM for Co-Working Space - WeWork
This project presents a customer journey map for WeWork, created to understand the end-to-end experience of a remote professional using a co
Project
Accessible Signup Form for SaaS Platform
🧩 Project OverviewFor the Accessible Signup Form for SaaS Platform challenge, I designed a desktop signup experience for TaskFlow, a projec
Project
Loginino
The primary goal of this login page was to create a clean, intuitive, and accessible user experience that minimizes friction and guides user
Project
Notification microcopy - Project
This project focuses on writing clear, concise push notification microcopy for a mobile e‑commerce app. The goal is to improve the user expe
Project
El Mandoub-GovTech App
Mandoob is a Qatar-based, subscription-driven GovTech app that simplifies government procedures for individuals and businesses.The platform
Visual Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.