Daily 100 Projects
In order to practice my skills, I have begun participating in the Daily UI 100 Challenge.
Here are some of the examples of the creations from that challenge.
I use these for practice only. I try to keep all projects to under a half hour, and I push myself to learn a new skill for each one.
Day 1- Make a registration page
I created this registration page for a haircare company called Curl Up. I was experimenting with background design and using bright colors.
Day 2- Make Credit Card Payment Page
This was designed on Figma for large Android phones.
Day 3- Make a Landing Page
Sea Turtles were on my mind today- not sure why! Anyway, I designed my landing page for a fictional Sea Turtle Rescue.
Day 4 - Make a Calculator
Tip calculator with suggestion of tip amounts.
Designed on Figma for large Android Phones
Day 5- Create an App Icon
Icon for Passport Coffee
Designed on Canva, with transfer to Figma.
Day 6- Make a profile page
Designed on Adobe XD.
Madison Public Library user profile. Includes number of books read for year and a listing of the most recent read books.
Day 7- Settings Page
Designed on Figma
Game settings page.
Day 8- Music Player
Designed on Adobe XD
Started a line of "retro players"
This one is based on an IPod. I added a few modern conveniences as well such as a tempo setting for runners and a key setting for musicians.
Day 9- 404 Page
Made on Adobe XD
I designed this to go with the Our Town App in my portfolio
Day 10- Social Share
Made with Adobe XD
Trying my hand at 3D looks and animating. It's not pretty but the goal was to get it working.
Day 11 - Flash Message
Happy and Sad Flash Message- probably for a kid's app
Day 12 - E-commerce shop
Part of a project I am working on. A shop with high end/designer wear. Made with XD
Day 13- Messaging App
Chatty Cat messaging app. Made with Figma.
Day 14- Countdown Timer
Countdown Timer for vacations- customizable by location
Day 15- On Off Switch
They said on/off switch. I went Christmas Tree. Made with Adobe XD.
Day 16- Pop Up
Made with Figma.
Day 17- Email Receipt
Email receipt that goes with the Day 12 e-commerce project.
Day 18- Charts
A practice app with graphs to show how much the student practiced compared to their classmates.
Day 19- Leaderboard
Leaderboard for a soccor tournament
Day 20- Tracker
Tracker for your furry friends. Would work with a tag on their collar.
Day 21- Dashboard
Dashboard for a SmartHome. Ability to turn on lights, security, and other devices.
Day 22- Search
Search Tool for a clothing store that allows women to search by body shape.
Day 23- Onboarding Page
Onboarding page for the store on day 22.
Day 24- Boarding Pass
Airline boarding pass (in paper and app form). Customized to where the passenger is going.
Day 25- TV App
App to control a Smart TV.
Day 26- Subscribe
Subscribe pop-up for a website. I think I was hungry that morning.
Day 27- Drop Down Menu
Dropdown menu for a bakery.
Day 28- Comtact Page
Contact page for an airline
Day 29- Map
University Map for use by students to find landmarks.
Day 30- Pricelist
Menu with pricing
Day 31- File Upload
File upload with animation
Day 32 Crowdfunding
Crowdfunding page for Broadway Cares
Day 33- Personalization
Design your own cell phone
Day 34- Car Interface
Interface for a car dashboard. Set up to be personalzed with an assistant, navigation, phone, radio, maintenance records, etc.
Day 35- Blog Post
Blog post for a travel photographer
Day 36- Special Offer
Special Offer for a lotion company. Pop Up.
Day 37- Weather
Weather App that changes background by location and time of day.
Day 38- Calendar
Made with Figma- Calendar App
Day 39- Testimonial Page
Testomonial Page for a Spa Website. Working with calming colors and minimalist look.
Day 40 Recipe
Recipe App for Ipad.
Day 41 Fitness App
Fitness app that keeps track of reps/sets and links with spotify to keep the workout on beat.
Day 42 To Do List
To Do list app for iphone
Day 43 Menu
Drinks menu for a beachside restaurant.
Day 44 Favorites
Favorites option on a design app. Allows the fonts to sort to favorites.
Day 45 Info Card
Info card for a cruise. Gives the user info about their room and amenities.
Day 46 Invoice
Invoice for a college student portal.
Day 47 Activity Feed
Activity Feed for an app that organizes and tracks wedding RSVPs and invitations.
Day 48 Coming Soon
A coming soon marketing for an Airline.
Day 49 Notification
Twitter notification for an IPhone.
Day 50 Job Listing
Joblisting website with more info overlay. Made with Figma.
Day 51 Press Page
Press page with links and quick facts for people seeking info.
Day 52 Logo
Logo for a Dance project I am working on.
Day 53- Navigation Bar
Navigation bars are everywhere so I used the opportunity to try one that can open and close. May not be useful often, but kind of a cook effect.
Day 54 Icon Sets
I was using this to play with the idea of making 3D buttons.
Day 55 Confirmation Screen
Confirmation for a cruise (see day 45)
Day 56 Breadcrumbs
Website for meal delivery.
Day 57 Video Player
Video Player for an online portfolio
Day 58 Background Pattern
Screen Background. Made with a paint program on my IPad
Day 59 Shopping Cart
Shopping Cart for an ECommerce site that sells skin care products
Day 60 Coupon/Promo Code
Design to allow a promo code into an ECommerce cart.
Day 61 Color Picker
Color pick for a T-shirt design app. Shows you a palette and the new colors of the shirt based on the color the user picks.
Day 62 Workout Page
Daily Workout page with timers.
Day 63 Best of...
Best of App - the user can choose a year and bring up best of lists for various subjects.
Day 64 Select User
Select user page for a school portal. Made with figma for a tablet (surface 8)
Day 65 Note Widget
A notes app with widget that allows you to pin your notes to the homepage.
Day 66- Statistics
Graph showing school age children and their digital connectivity.
Day 67- Hotel Selection
Hotel Site with selection.
Learning a new tool today- this was made on UXPin
Day 68 Flight Search
Made on UXPin
Day 69 Trending
A trending page for a science for girls app.
Day 70 Event
Event page for a Snowfest.
Day 71 Schedule
Travel Itinerary for a Cruise Passenger.
Day 72 Image Slider
Made with Figma. Working on animation within the program. The challenge here was keeping all the photos in the correct order!
Day 73 Virtual Reality
VR Dashboard for a car. Can switch back to maps, phone, etc. Voice activated for safety.
Day 74 Download App
An App downlad page for a personal wellness app.
Day 75 PreOrder
Preorder page for an RPG
Day 76 Loading
Loading sequence for a gardening app
Day 77 Thank you
Thank you page for a service request
Day 78 Invitation
Invitation pop up for a video game
Day 79 Itinerary
Itinerary Page for business app. Included document views to work with meetings for the day.
Day 80 Pick a date
App page to pick and appointment date
Day 81 Status Update
Status Update for a flight app.
Day 82 Form
Registration Form for a museum. Playing with monochrome.
Day 83 Button
Playing with Neumorphism today.
Day 84 Badge
Playing with a little animation.
Day 85 Pagination
Day 86 Progress Bar
Animated Progress Bar. Made with Figma
Day 87 Tool Tips
Search Site with a tutorial of the tools available.