Button System Design for Tech Platform

Source: The best way to learn UX/UI design. (n.d.). Retrieved from https://app.uxcel.com/design-briefs/button-system-design-for-tech-380

Demonstrate your visual design skills by creating a button system for Tech.

Visual Design

Button System Design for Tech Platform Brief

Design Scenario

As a UI designer, your challenge is to craft a button system for a tech platform of your choice. Consider the number of button priorities the system requires, showcasing the various button types and states.

Design Task

Your design task is to complete the following:

  • Choose a tech platform and the device type for your design.
  • Develop a button system that features varying button priorities and showcases button states.
  • Make sure the button system clearly outlines button parameters.
  • Ensure the buttons meet the accessibility color contrast requirements.
  • Offer an explanation for your design choices.

Instructions

Read the instructions to ensure your submission receives maximum visibility.

  • You can edit your project at any time.
  • Remember to share your submission with your community. The more reviews and views it receives, the quicker it will be seen by Uxcel Mentors.
  • After submitting your project, consider reviewing others’ projects. This can enhance your project’s discoverability.
  • Ensure you only submit your own work.

Evaluation criteria

Your project will be evaluated using the following criteria:

  • Visual design — Do designs effectively engage the user through strategically using color, typography, and imagery?
  • Accessibility—Does the design comply with the WCAG’s requirements and is accessible to all users? Is it inclusive of all users regardless of their background, race, age, gender, and ethnicity?
  • Presentation — How effectively is the work presented, including the templates provided, the formatting of the copy, the links shared, and the explanation of the design rationale?

Button System Design

Source: The best way to learn UX/UI design. (n.d.). Retrieved from https://app.uxcel.com/showcase/button-system-design-944

Button System Design

Open full project

Button System Design 1
Button System Design 2
Button System Design 3
Button System Design 4
Button System Design 5