Member-only story

Wheel Spin UI Challenge

Katherine Fairbanks
2 min readApr 30, 2020

--

This challenge is designed to break you out of your UI design comfort zone and get you to try new (and potentially disastrous) things! I created this challenge for my YouTube Channel. Check it out!

While it’s called a wheel spin challenge, the wheel is really just for visual effect. To choose your options use a number generator. Google has a great one that we’ll be using for the purposes of our challenge. For each category input the correct maximum number and then generate your answer! Feel free to add additional options or change the existing ones.

1. Device (4 options)

  1. iPhone XS (375px by 812px)
  2. Apple Watch 44mm (184px by 224px)
  3. Android (360px by 640px)
  4. Desktop (1024px by 1024px)

2. Design Trend to Include (6 options)

  1. Gradients
  2. Asymmetrical layout
  3. Neomorphism
  4. Light/Dark Themes
  5. Cards
  6. Minimalism

3. Main Color to Use (16 options)

  1. #000000
  2. #ffffff
  3. #ca2521
  4. #c6a48e
  5. #f2bd4d
  6. #723235
  7. #217b4d
  8. #d411e5
  9. #5580f2
  10. #eec4c6
  11. #8028e5
  12. #5cd4c0
  13. #2fa3d4
  14. #8dc914
  15. #158c6a
  16. #45320d

4. Design (18 options)

  1. Date Picker
  2. Coming Soon
  3. News
  4. Blog Post
  5. FAQ
  6. Food/Drink Menu
  7. Calculator
  8. Weather
  9. Crowdfunding Campaign
  10. Sign Up
  11. Music Player
  12. Credit Card Checkout
  13. Onboarding
  14. Workout Tracker
  15. Contact Us

--

--

No responses yet

Write a response