Daily UI Design

THE GOAL: BECOMING A BETTER DESIGNER IN 100 DAYS

The Daily UI Design Challenge is a personal project to challenge myself to become a better UI designer to see and to see how much progress I can make in 100 days. Daily UI emails me a design prompt every day (Monday – Friday), giving vague details and leaving much to the imagination – free reign for creativity and what I can design. With the desire to move into web and product design, I focus my UI designs with these goals in mind. The design challenge to create new user interface designs each day. It is shared publically via social media specifically on my twitter @makv25.

For an extra challenge, I also start myself a set colour palette to work with which is generate by this little website called (http://hexcodegiveittoya.com/). Based off of the rapper DMX as a little pun but I do like the random generation of hex codes. Thank you, Tom Creighton, for coming up with the concept of the website.

Daily UI Designs 1-20:

1.  Sign up page user interface, thought process included. – Daily UI #001
2.  Credit Card checkout – DailyUI #002
3.  Landing Page my personal favourite – DailyUi #003
4.  A calculator was also inspired by the joker for the colour palette. – Daily UI #004
5.  App Icon – Daily UI #005
6. User Profile – Daily UI #006
7. Settings – Daily UI #007
8. 404 Page – Daily UI #008
9. Music Player – Daily UI #009
10. Social Share – Daily UI #010
11. Flash Message (Error/Success) – Daily UI #011
12. E-commerce – Daily UI #012
13. Messaging UI – Daily UI #013
14. Countdown Timer – Daily UI #014
15. On/Off Switch (animated gif) – Daily UI #015
16. Pop/Overlay – Daily UI #016
17. Email Receipt – Daily UI #017
18. Analytics Chart – Daily UI #018
19. Leaderboard (Made it One Piece themed) – Daily UI #019
20. Location Tracker – Daily UI #020

Daily UI Designs 21-40

21. Home Monitoring Dashboard – Daily UI #021
22. Search UI (Made it Buffy The Vampire Slayer themed to commemorate the show’s 20th anniversary) – Daily UI #022
23. Onboarding (Made it Samurai Jack themed to celebrate the return of the show) – Daily UI #023
24. Boarding Pass- Daily UI #024
25. TV App (Made it horror movie themed) – Daily UI #025
26. Subscribe – Daily UI #026
27. Dropdown (Made it winter movie themed) – Daily UI #027
28. Contact (First day of spring themed) – Daily UI #028
29. Map ( Video game themed as a mini-map) – Daily UI #029
30. Pricing (Photography website themed) – Daily UI #030
31. File Upload – Daily UI #031
32. Crowdfunding Campaign (Pokémon themed) – Daily UI #032
33. Customize Product – Daily UI #033
34. Car Dashboard (The idea behind this is one interaction that would come up and not distract drivers driving.) – Daily UI #034
35. Blog Post (Star Trek themed) – Daily UI #035
36. Special Offer (Henry’s Camera themed) – Daily UI #036
37. Weather (Local Toronto Weather) – Daily UI #037
38. Calander (April themed) – Daily UI #038
39. Testimonials ( TechTO Tech Toronto themed) – Daily UI #039
40. Recipe (Chocolate Cake themed) – Daily UI #040

Daily UI Designs 41-60

41. Workout Tracker (National Walking Day) – Daily UI #041
42. ToDo List – Daily UI #042
43. Food/Drink Menu (Pizza Menu themed) – Daily UI #043
44. Favourites (Contact favourites themed) – Daily UI #044
45. Info Card ( Vegeta from Dragonball z/super) – Daily UI #045
46. Invoice – Daily UI #046
47. Activity Feed ( Anti-Bullying Pink Day Themed) – Daily UI #047
48. Coming Soon – Daily UI #048
49. Notifications – Daily UI #049
50. Job Listing – Daily UI #050
51. Press Page – Daily UI #051
52. Logo Design – Daily UI #052
53. Header Navigation – Daily UI #053
54. Confirmation (Money Transfer Themed) – Daily UI #054
55. Icon Set – Daily UI #055

Motion Prototype Versions

Daily UI #023 animated motion version