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.