Started on July 8,2019
Follow @designwithbraz for prototype videos
#1 SIGN UP & LOGIN PAGE
Brief: 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.
Unsplash has amazing images and I wanted to play with a huge background image and create an animation to change between sign up and log in.
#2 CREDIT CARD CHECKOUT
Brief: Design a credit card checkout form or page.
Don't forget the important elements such as the numbers, dates, security numbers, etc.
Instead of showing a credit card fields, the idea was to have a few credit card on file and the user can swipe to access the right one and make the payment.
#3 LANDING PAGE LAYOUT
Brief: 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.)
The idea was to showcase a landing page for a service that everybody need daily.
Dash is the name of a task management tool that fits everybody need.
Brief: Design a calculator.
Standard, scientific, or specialty calculator for something such as a mortgage?
Is it for a phone, a tablet, a web app?
2 versions of a calculator layout (light and dark mode) with simple and playful layout.
#5 APP ICON
Brief: 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?
Wine Findr project was really important for me, so I would like to show this branding that I developed for the app.
Also, if you like in the Okanagan Valley or you are planning to visit, you should download the app to guide your wine tour experience. =)
#6 USER PROFILE
Brief: 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!)
The idea was to create user profile for a social app where people can see your photos, followers and comments.
Brief: 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!)
The idea was to create a profile settings and play a little bit with the interactions using drag and switches.
Also, I wanted to showcase a dark mode version.
#8 404 PAGE
Brief: Design a 404 page. Does it suit the brand's style? Is it user-friendly?
It might sound mundane, but not everything 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 aesthetically pleasing.(It's up to you!)
The idea was to create a 404 Page not found for Airbnb where a user is lost looking for a specific accommodation.
So the illustration of a traveller was a perfect fit for that. Also, give them an option to look for other places or access to helpful links.
#9 MUSIC PLAYER
Brief: 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 device type will have different requirements, features, and restrictions to consider.
I tried so many different layouts but I was not happy with the results, so I was deleting and starting over and over.
First time I kind of struggled on this challenge but I kept going until, finally, I got one that I am happy with the results.
#10 SOCIAL SHARE
Brief: Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.
Simple idea to share a post with minimalist icons and interaction.
#11 SUCCESS / ERROR MESSAGES
Brief: 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!)
The idea was to have a success and error messages when users send an email.
The idea to bring the paper plane flying high when it’s sent and falling when it’s an error. To make interesting, the paper plane half through the phone symbolizing when it’s sending.
#12 E-COMMERCE SHOP (SINGLE ITEM)
Brief: 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 and the users!
#13 DIRECT MESSAGING
Brief: Design a Direct Messaging app, profile, or chat-box.
Consider the parties involved in the messages, images, placement, and context of the messages.
Are the messages for social purposes? Customer support?
I always want to add emojis to my projects, so today I had the chance.
Created a list of chat messages and one screen showing the conversation with audio message and emojis.
#14 COUNTDOWN TIMER
Brief: Design a Countdown Timer. Is it for an app?
An interface for an oven? A sport related countdown?
A launch countdown for NASA?
This one I took the time to create a whole concept.
UrbanBox is a coffee subscription box.
Created the logo and desktop / mobile page for the grand opening in 17days.
#15 ON/OFF SWITCH
Brief: Design an On/Off Switch.
Consider what's being turned on/off and how it should be done.
This one I came up with the idea that OFF means NIGHT time and ON means DAY light.
#16 - POP-UP / OVERLAY
Brief: Design a Pop-Up/Overlay. Is it a web sign-up form that pops up? Is it an ad overlay?
To celebrate Summer, I created a Bikini e-commerce page with a pop-up overlaying the website, promoting the sale.
#17 - E-MAIL RECEIPT
Brief: 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.
I have been using PayPal a lot to purchase online, so I created a PayPal email receipt with 6 online purchases.
Also created a logo for the store.
#18 - ANALYTICS CHART
Brief: Design an analytics chart. Is it to be used for web or app analytics, a health monitor, e-commerce analytics?
Consider filters, chart types, and the core features/statistics the user would need most.
This is an expense chat, where users can see all the expenses they have in a specific month.
Had fun creating the micro-interaction. Also creating light/dark mode.
#19 - LEADERBOARD
Brief: Design a leaderboard. Is it for gaming, sports, politics, or something else?
Consider the important statistics to show, percentages, points, profile pictures, etc.
Leaderboard for gaming score, highlighting top 3.
Showing picture, name, points and level.
#20 LOCATION TRACKER
Brief: 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 ;)
Create an app to tracker your taxi request. See the driver info, their location in real time on map.
Brief: Coming on Monday!