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
L I N E A - Minimalist Fashion Brand
This project explores the creation of a high-impact landing page for LINEA, a minimalist fashion brand concept. The design focuses on clarit
Project
Video Streaming Service wireframe: Spoil-free mode and Interactivity
For this project brief, I considered how watching movies has changed recently. While a movie gets released on a streaming service, people wi
Project
Accessible Signup Form for SaaS Platform
Form
Project
404 for Personal Website
Hey Friend or Acquaintance, Happy Sunday Night, let's get back on that grind tonight and support our growth with a small movement of buildin
Project
SIPALA - Attendance, Leave, and Activity Management System
Project
Pawtify - Responsive Landing Page Brief
Description This is a landing page for a fictional pet salon called Pawtify, a modern, friendly pet salon brand designed to make grooming en
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.