top of page

Daily UI Challenge

Daily UI Challenge

Inspired by the Daily UI, I am trying to challenge myself to finish one assigned task every day for 100 days. It gives me an opportunity to improve my time management and explore new ideas without a whole lot of limitation. Each task was completed within 1-3 hours.

The project is still ongoing. 

I also wrote down my inspiration/idea for each day challenge.

1s.png
Day 1. Sign Up

Inspired by a tree hole I saw on the street.

Tree Hole is a symbol of secret. Nowadays people have too much pressure, and they are afraid of telling others. So I came up with an app concept that people can use the app as a tree hole. They can release their secrets and pressure anonymously with this app. They can also be a listener or helper on this app.

2.png
Day 2. Check Out

Customers prefer a simple check out process, and they usually want to know where they are and the remaining steps before completing the check out process. So I include a progress bar at the top at the page that tells the buyers how many steps the process involves. 

A high quality-image on check out page can also help buyers to double check their buying decision.

g.png
Day 3. Landing Page

It was the new year when I started the UI challenge.

I also played around the color of the landing page to express the atmosphere of the ending of the last year and the opening of the new year.

3~~.png
Day 4. Calculator

Inspired by my pain point when using the calculator.

If I found a wrong number among a long list of numbers, I have to clear the whole thing and re-enter it, which makes me annoyed and frustrated. So I add cursors and Delete button to solve this issue.

5~.png
Day 5. App Icon

Inspired by the fairy tale "The Little Mermaid" written by the Hans Christian Andersen.

6,.jpg
Day 6. User Profile

Wanted to design an app for Daily UI. 

Then the designer can set the goal and track the progress.

7.png
Day 7: Setting

Imaging of a game that the player can make the magic happen when the player set down all the 5 Chinese elements -金/Gold (Metal), 木/Wood, 水/Water,  火/Fire, and 土/Earth.

8-.png
Day 8. 404 Page

Inspired by the logo of Apple.

The apple gets two bites when the page on the Apple website is not found.

9!!.png
Day 9. Music Player

Found a song Kids and touched by the lyrics 

-Take your care boots on, this is love long gone
-Give a piece of trust, make it worth fighting for
-Take your care boots on, this is love long gone
-Give a piece of trust, make it worth fighting for.

So I searched its singer and his album. Wanted to let more people know him via my design.

12.png
Day 12. Single Product

Thinking of designing a furniture exchange application to reduce waste of second-hand furniture and make trade easier for both end users (customers and service providers).

16~.png
Day 16. Pop-Up / Overlay

Inspired by my pain point when I use Google Mail.

I have no idea if there is a new message coming when I am reading an email or reply to a sender. So it happens to me: I didn't notice that there was a new/updated message from the sender until I replied to the last message and exited the current reply page.

18.png
Day 18. Analytics Chart

Redesigned Indeed company reviews page.

The chart can help users get the knowledge of the easiness of the interview.

19.png
Day 19. Leaderboard 

Redesigned Listenfirst home page.

searching.png
Day 22. Search

When I was searching for an image on Google, I have to go through two steps. 1.Type keyword, 2. Click "Image" on the result page. So what if we put categories on the Google home page, then the user can get the result in one step?

ui sub.png
Day 26. Subscribe

Inspired by Harry Porter. I was imagining of designing a game. The player who subscribed the houses can receive daily news from them.

29.jpg
Day 29. Map

Inspired by the app Meetup.

After I register an event and check out the location on Meetup, I have to quit the app and search the location on Google Map. So displaying a map on the event detail page would help users 

menu.jpg
Day 43. Food/Drink Menu

Ordering food costs time, especially when the restaurant is busy. An iPad on each table will make life easier. (If we don't think about the costs for the restaurant :/ ) A dish detail page will be displayed after the user clicks the dish picture.

infocard.jpg
Day 45. Info Card

Inspired by the board game Mafia.

46.jpg
Day 46. Invoice

An app for freelance designer.

47~.png
Day 47. Activity Feed

Redesigned the Health app. 

Competition with yourself.

48.jpg
Day 48. Coming Soon

Inspired by a book The Three-Body Problem I am reading, I designed a poster for the incoming movie.. 

49.png
Day 49. Notifications

Inspired by the app Zenly. 

The user and his/her friend can get a notificaiton when they are in the same location. 

hire~.png
Day 50. Job Listing

Inspired by the card design.

Flip the card.

User doesn't need to go to another page to see the job descriptions and apply.​​

51.png
Day 51. Press Page

A website for astronomy enthusiasts.

52.png
Day 52. Daily UI Logo

Circle = Watch/Time/Target

UI = Tasks

Gradient background color = Day/Time

53.png
Day 53. Header Navigation

Redesigned the Anime Boston Home Page

54~~.png
Day 54. Confirm Reservation

Inspired by the ticketing software at AMC. 

Idea: after users select seats and confirm the reservation, the digital receipt on the right side is ready to print for users to check-in. 

55.png
Day 55. Icon Set

Inspired by the symbols on the keyboard.

56.png
Day 56. Breadcrumbs

I was asked for feeding my friend's little cat when she was traveling. Animals are cute. When I searching the cat food on Chewy, I was thinking of designing a cute breadcrumb for the website (I drew the paws :)).

57~.jpg
Day 57. Video Player

When using a video player, we focus on three functions:

1. Control (play position, preview, last/next, progress bar, and volume, etc.)

2. Fullscreen for a better experience

3. Setting 

This UI design is built around these three functions, which makes it more simple to use.

58~.png
Day 58. Shopping Cart

Redesigned shopping cart for Sephora website.

The user can edit product information on the expanded shopping cart and check out immediately.

59.png
Day 59. Background Pattern

I like wings. 

Wings are the expression of freedom.

Light stands for Justice, darkness stands for Evil. ​

What's true freedom?

60.gif
Day 60. Color Picker

My pain point of using Web Gradients is that every time I have to manually type the color code into my design software. Therefore, I redesigned its color card.

Idea:

Users can see the color code when they place a mouse over the color card. The code can be copied after the color is clicked. Click another color area to replace the current color code. 

61.png
Day 61. Redeem Coupon

Inspired by a coupon letter from Sephora today.

I designed an interactive coupon. The user can tear the Sephora logo to get a random discounting.

62.png
Day 62. Workout of the Day

I started workout with my friends these days. One friend is our "coach." Every time she sets goals for the different workout sessions. Inspired by that, I was thinking of a workout app that user can customize their task and goal. Then they can finish their task or track their progress on apple watch.

63~.png
Day 63. Best of 2018

I was thinking of making a Calendar that records all the best things/important days of 2018.

64,~.png
Day 64. Select User Type

A workout app for different types of users.

65~.png
Day 65. Notes Widget

I like to use Stickies on Mac to make to do list or take notes. It's easy to use and simple, but there's no way to emphasize or distinguish words. So I added a simple toolbar on the interface.

66.png
Day 66. Statistics

Designed for email marketing platform.

67.png
Day 67. Hotel Booking

Some travel apps have too much information on their hotel booking pages. So I made a simple UI just displaying the most important information.

68~~.png
Day 68. Flight Search

To avoid a long line during busy hours, an iPad device set on each airplane company's counter might help passengers quick buy tickets or check flight information.

69.gif
Day 69. Trending

Practice​ interaction design.

button design.png
Day 83. Button

Inspired by the cloud​​s at different times of the day.

bottom of page