Leo Ratzlaff


Practicing UI design skills.

2021 User Experience

In October of 2021, I started the #dailyui challenge. During a hundred weekdays, I’ll receive a design briefing on my inbox that can go from a simple “app icon” to a more laborious “music player”.

I decided to start this exercise because, at work, I was assigned to a long chore that would require none or little UI design, and even though working on a design system is great, designing upon the same foundations can get monotonous. Therefore, I decided to invest 30 to 60 minutes every day to explore and practice UI design. By the time I’m writing this, I’m only on day 20, but here are my favorite daily IUs so far:

001 - Sign up

Create a sign up page, modal, form, or app screen related to signing up for something. It could be for a volunteer event, contest registration, a giveaway, or anything you can image.

007 - Settings

Design settings for something. Is it for security or privacy settings? Game settings? What is it and what’s important?

008 - 404 page

Design a 404 page. Does it suit the brand’s style? Is it user-friendly? It might sound mundane, but not evertyhing can be flash or glamorous. Every day millions of people will be landing on 404 pages. You have an opportunity to help them in a way that’s useful and asthetically pleasing.

009 - Music player

Design a music player. Consider the controls, placements, imagery such as the artist or album cover, etc. Also, consider the device type that’s playing the music. A dashboard in a tourbus, a smartwatch, or via a web browser. Each deveice type will have different requirements, features, and restrictions to consider.

011 - Flash message

Design a Flash Message with both the outcome for an error and success. Is it for a sign up form? A download/upload message?

013 - Direct messaging

Design a Direct Messaging app, profile, or chatbox. Consider the parties involved in the messages, images, placement, and context of the messages. Are the messages for social purposes? Customer support?

018 - Analytics Chart

Design an analytics chart. Is it to be used for web or app analytics, a health monitor, e-commerce analytics?

If you’re interested in seeing them all, they’re on dribbble.