A Flash Message (Error/Success)
Hint: Design a Flash Message with both the outcome for an error and success. Is it for a sign up form? A download/upload message? (
A Social Share. Hint: Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.
A Music Player
Hint: Design a music player. Consider the controls, placements, imagery such as the artist or album cover, etc.
A 404 page.
Hint: Design a 404 page. Does it suit the brand’s style? Is it user-friendly?
This 404 page is meant to be a fresh start. Here is the scenario: If the user comes from an external link, he might want to start from fresh from one of my websites. If the user comes from an internal link, he can always hit the back button. So there it is.
Settings for something
Hint: Design settings for something. Is it for security or privacy settings? Game settings? What is it and what’s important?
A User Profile
Hint: 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?
An App Icon
Hint: 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?
Hint: Design a calculator. Standard, scientific, or specialty calculator for something such as a mortgage? Is it for a phone, a tablet, a web app?
A Landing Page (above the fold)
Hint: 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.)
Savate is an awesome open-source typeface by collective we.ch. You can download it on velvetyne.fr (an awesome open-source type foundry). The font takes inspiration from French savate, a boxing-like sport. You get an energetic font that seems just a slap away from being knocked-out. This contradiction is what I’m trying to evoke in Savate’s landing page. I wish I had more time to exploit the concept, but hey, it’s a daily challenge and I have spent way too much time on this! I’m out.
A Credit Card Checkout
Hint: Design a credit card checkout form or page. Don’t forget the important elements such as the numbers, dates, security numbers, etc.