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
Notion - Accessibility Color System
This project focuses on redesigning Notion’s color system to balance aesthetics with accessibility. The initial evaluation showed that while
Project
Blip - Esport app design (Light & Dark UI)
Bonjour, comrades! Today I present the case of Blip - an esports hub app for gamers where you can check esports news, learn about upcoming t
Project
Reimagining Asana's Color System
I created a color system based on Asana's current project management tool. Accessibility and the emotions the colors evoke were the primary
Project
Customer Journey Map for a Co-Working Space
In this project, I made a Customer Journey Map (CJM) for a co-working space. The goal of this project is to understand how customers feel an
Project
Latios - Free Portfolio Template for UX/UI Designers
Overview I built Latios because I kept seeing the same problem: designers with solid experience getting stuck trying to launch their portfol
Project
Responsive Main Screen
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
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.