Button System Design
My First Uxcel Task is here as I worked on Button Design System for a Mobile Payments App Platform. I have taken inspirations of presentation from the great projects I encountered here and tried to do my best.
Reviews
1 review
Great presentation with a well-thought out layout and explanations! It's good to see accessibility included and I do like how you showed the different button sizing. While there is some interactivity on your buttons I do think that does need some revision and overall improvement as your icons all turn to QRs on the last page. I also think that you need a better distinction between your default and pressed state. As it currently is I don't think that the user will be able to see the difference.
4 Claps
Average 4.0 by 1 person
You might also like
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The
Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi
Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle
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
Ubani Design System
Ubani Design System Includes consistent, accessible, and scalable product foundation across neighborhood social experiences. It includes: a
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
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.