Daily UI –
A better designer
Daily UI design challenge. Become a better designer in 100 days.
Jan 2020 – Feb 2021
Daily UI #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.
Daily UI #002 - Credit Card Checkout
Design a credit card checkout form or page. Don't forget the important elements such as the numbers, dates, security numbers, etc.
Daily UI #003 - Landing Page
What's the main focus? Is it for a book, an album, a mobile app, a product? Consider important landing page elements (call-to-actions, clarity, etc.)
Daily UI #004 - Calculator
Design a calculator. Standard, scientific, or specialty calculator for something such as a mortgage? Is it for a phone, a tablet, a web app?
Daily UI #005 - App Icon
Design an app icon. What best represents the brand or product? Or is it incredibly unique? Does it look great at a distance and does it stand out when put on your home screen alongside other apps?
Calorie counter app
Daily UI #006 - User Profile
Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile? (It's up to you!)
Daily UI #007 - Settings
Design settings for something. Is it for security or privacy settings? Game settings? What is it and what's important? (It's up to you!)
Daily UI #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.(It's up to you!)
Daily UI #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.
Daily UI #010 - Social Share
Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.
Daily UI #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? (As always, it's up to you!)
Daily UI #012 - E-Commerce Shop (Single Item)
Hint: Design an e-commerce shop. Is it simple for a local business or a large online retailer? Is it for clothing, shoes, handmade soap, or something else?
Consider the brand, the products offered, product views, product options, desired actions (conversions, product views, etc.) and the users! (As always, it's up to you!)
Daily UI #013 - Direct Messaging
Hint: 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?
Daily UI #014 - Countdown Timer
Hint: Design a Countdown Timer. Is it for an app? An interface for an oven? A sport related countdown? A launch countdown for NASA?
Daily UI #015 - On/Off Switch
Hint: Design an On/Off Switch. Consider what's being turned on/off and how it should be done.
Daily UI #016 - Pop-Up / Overlay
Hint: Design a Pop-Up/Overlay. Is it a web sign-up form that pops up? Is it an ad overlay?
Daily UI #017 - Email Receipt
Hint: Design an Email Receipt. What was purchased? On what date? Consider other elements such as a customer support info, a tracking number, pictures, related items, etc.
Daily UI #018 - Analytics Chart
Hint: Design an analytics chart. Is it to be used for web or app analytics, a health monitor, e-commerce analytics?
Daily UI #019 - Leaderboard
Hint: Design a leaderboard. Is it for gaming, sports, politics, or something else? Consider the important statistics to show, percentages, points, profile pictures, etc.
Daily UI #020 - Location Tracker
Hint: Design a location tracker. Consider the icon, placement, and purpose of location. Mapping something? Is it a tracking beacon? Is the NSA tracking you? ok, maybe they are ;)
Daily UI #021 - Home Monitoring Dashboard
Design a home monitoring dashboard. Be creative! What would make a dashboard visually appealing and fun to use, while also being mindful of the data? Try to make it a realistic exercise as if it were your own dashboard... one that you need to refer to daily. What is the most relevant data and what's the most appropriate placement for it?
Daily UI #022 - Search
Hint: Design something search related. It could be a search bar, an advanced search window, a search function, etc. (As always, it's up to you!) Don't forget to share on Dribbble and/or Twitter with #dailyui when you're done.
Daily UI #023 - Onboarding
Hint: Design something onboarding related. Are you recruiting people for an organization? To sign up for a new website? A mobile app?
Daily UI #024 - Boarding Pass
Hint: Design a boarding pass. Consider the origin, the destination, gates, seats, the airline, etc. (As always, it's up to you!)
Daily UI #025 - TV App
Hint: Design an app for a smart TV. What type of app is it? What are the features/controls? Does it have a carousel selection feature? What it is? (As always, it's up to you!)
Daily UI #026 - Subscribe
Hint: Design a subscribe form, button, widget, etc. What type of information are you looking to capture from the user? Their name and email? Their zip code? Something else?
Daily UI #027 - Dropdown
Hint: Design a dropdown element. Is it a menu dropdown? Or a tip that's dropped down during a tutorial?
Daily UI #028 - Contact Us
Hint: Design a Contact Us page or form. Is it for customer support? A purchase inquiry? To schedule an appointment? Think about a scenario and the most important feature it would require.
Daily UI #029 - Map
Hint: Design a map. Not one of those old school paper ones though. Ok, that might actually be kinda neat too. ;)
What type of features should it have? Should its color scheme compliment the brand the map is designed for?
Daily UI #030 - Pricing
Hint: Design something related to pricing. Is it a pricing table? A restaurant menu with pricing? (As always, it's up to you!)
Daily UI #031 - File Upload
Design a file upload element. Is it the loading screen and icon? A progress element? Are folders being uploaded by flying across the screen like Ghostbusters? ;)
Daily UI #032 - Crowdfunding Campaign
Hint: Design a crowdfunding campaign. Keep in mind the purpose... raising funds. It's important to make it compelling if you're seeking money.
So what's really important? The numbers of contributors, the total raised, campaign details and highlights? Also consider size, imagery, placement, slogans, etc. (As always, it's up to you!)
Daily UI #033 - Customize Product
Hint: Design something related to customizing a product. It could be a custom t-shirt, shoes, etc. (As always, it's up to you!)
Daily UI #034 - Car Interface
Hint: Design a car interface. Consider the elements you'd want and need in your own dashboard. Be creative, yet logical. (As always, it's up to you!)
Daily UI #035 - Blog Post
Hint: Design a blog post. Consider what's important- the content of course. Also consider the author, date, category, comments, layout, etc. (As always, it's up to you!)
Daily UI #036 - Special Offer
Hint: Design a special offer. What's on sale? Is it a promotion, a clearance item, a buy one get one offer, or something else? Is it the discount size/percentage that's important? Does it look compelling? (As always, it's up to you!)
Daily UI #037 - Weather
Hint: Design something related to weather. It could be a UI for a mobile app a web app, or something completely different such as a weather alert widget. Consider its elements: city, temperature, forecasts, colors, weather icons/graphics, etc. (As always, it's up to you!)
Daily UI #038 - Calendar
Hint: Design a Calendar focused element. Is it for scheduling an appointment? A reservation, flight, hotel, or concert calendar? Is it a calendar reminder feature? For email or something else entirely?
Daily UI #039 - Testimonials
Daily UI #041 - Workout Tracker
Create a UI related to monitoring health or tracking various workout/training routines. It could be for a personal workout, for a team, or even gym equipment tracking someone's workouts.
Daily UI #042 - ToDo List
Daily UI #043 - Food/Drink Menu
Daily UI #044 - Favorites
Daily UI #045 - Info Card
Daily UI #046 - Invoice
Daily UI #047 - Activity Feed
Daily UI #048 - Coming Soon
Daily UI #049 - Notifications
Daily UI #050 - Job Listing
Daily UI #051 - Press Page
Daily UI #048 - Logo Design
Daily UI #053 - Header Navigation
Daily UI #054 - Confirmation
Daily UI #056 - Breadcrumbs
Daily UI #057 - Video Player
Daily UI #058 - Shopping Cart
Daily UI #059 - Background Pattern
Daily UI #060 - Color Picker
Daily UI #061 - Redeem Coupon
Daily UI #062 - Workout of the Day
Daily UI #063 - Best of 2015
Daily UI #064 - Select User Type
Daily UI #065 - Notes Widget
Daily UI #066 - Statistics
Daily UI #067 - Hotel Booking
Daily UI #068 - Flight Search
Daily UI #070 - Event Listing
Daily UI #072 - Image Slider
Daily UI #073 - Virtual Reality
Daily UI #074 - Download App
Daily UI #075 - Pre-Order
Daily UI #076 - Loading...
Daily UI #077 - Thank You
Daily UI #078 - Pending Invitation
Daily UI #079 - Itinerary
Daily UI #080 - Date Picker
Daily UI #081 - Status Update
Daily UI #085 - Pagination
Daily UI #086 - Progress Bar
Daily UI #089 - Terms of Service
Daily UI #090 - Create New
Daily UI #091 - Curated for You
Daily UI #093 - Splash Screen
Daily UI #095 - Product Tour
Daily UI #096 - Currently In-Stock
Daily UI #098 - Advertisement
Daily UI #099 - Categories
Daily UI #100 - Redesign Daily UI
Have questions about my works?
Simply write me an email
a design tool that will inspire more and more designers to build better user experiences