Design Task: Button System for a Mobile E-Commerce App
Button System Overview
- Primary Button
- Secondary Button
- Tertiary Button
- Disabled Button
Button States
- Default State
- Hover State
- Disabled State
Reviews
3 reviews
Well done Chioma, these are very simple but functional. Even the disabled buttons are still contrasting enough. Nice job!
Consider the following though:
- Buttons with icons - leading icons, trailing icons and icon only
- Link buttons
- And maybe add some interactivity to further cement the concepts
Aside from the above I'd say keep it up.
Cheers!
You did a great job creating your button system, but your project would stand out so much more with an eye-catching cover image. Other than that, fantastic work!
I liked the detail of the description, a worthy project
13 Claps
Average 4.3 by 3 people
You might also like
Project
Sneak
I designed a responsive desktop checkout page for Sneak, a modern sneaker e-commerce platform. The design focuses on reducing cart abandonme
Project
User persona for TikTok
RationalePlatform & DevicePlatform: TikTok Device: Android Market: Brasil. Project PreparationThe project began with the systematic organiz
Project
MindNest Color System
I chose to create a color system for MindNest, a fictional mental health platform that offers online therapy, curated self-growth resources,
Project
Empathy Map - Revolut
OverviewI analysed Revolut's mobile app platform to understand user pain points and create actionable insights for improving the digital ban
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
Project
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
Universal Tax Professionals (often abbreviated as UTP) is a U.S.-based tax and accounting firm that specializes in assisting American citize
Project
Heuristic Evaluation - Booking.com
OverviewI examined Booking.com's desktop web site to find usability problems that could affect the hotel booking experience. Using Nielsen's
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.