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
Video Streaming App Wireframes
This project explores new ways to enhance usability and engagement in a video streaming service. The focus was on creating features that add
Project
Freight Document Management System
Problem BriefA freight/logistics document management system auto-groups logistics documents into Sets, but errors in labelling, ordering, an
Project
MoviesZen OTT Platform
MoviesZen is a sleek, user-friendly OTT platform designed for movie lovers. The user flow begins with a splash screen featuring the brand lo
Project
AI Hub - Page 404
AI Hub is a marketplace for artificial intelligence tools
Project
My Bestie Nessie - Making a game in one day at the Oakland Museum of Art & Digital Entertainment
A game jam submission for MADE @The MADE Game jam 2025. The goal for this project was to create a game with the theme of "the last one" with
Project
Web SaaS Sign-Up Flow
✅ Progressive field validation: real-time email and password checks with clear error and success states. ✅ Password strength indicator: dyn
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.