More of a responsive web design exercise this time around (tablet and mobile versions below). The idea of the promotional page is to showcase featured tea, and specific brewing items/dessert pairings that are associated with the tea.
All photographs found and licensed in Adobe Stock.
[Note about Day 11: skipped on purpose, as it is a “success/error” prompt already explored in Day 1’s exercise. May come back to it later.]
Daily UI #10 - Social Share
Social sharing through collecting and filing business cards on a mobile app.
(Takes place after a user takes a front+back photo of a business card)
Alot of people whom I surveyed would normally either throw away business cards or keep them in their bag (only to be forgotten when they could actually come in handy). Others sometime just like to collect business cards for the design, or as design inspiration for their own.
With this concept, people wouldn't need to keep physical copies of the cards if they don't want to. When wanting to look through contacts, it would be convenient to do a search on the app (not just by name, but by industry) rather than manually sift through a card collection.
Daily UI #9 - Music Playlist
A user’s custom music playlist (web browser).
Wanted a playlist where lyrics/transcripts can be displayed readily alongside the song tracks. This is mostly to save time from having to switch tabs to look for lyrics (and especially useful for those who may be “lyric-deaf”, likes subtitles, or tend to pay more attention to melody).
Photos and soundtrack background images on each song track are official images of the Korean hip hop group, Epik High. Dedicated an entire playlist to their music because their concert is coming up during this month of writing.
Inspired by one of those private pod water spas I saw local reviews for when I vacationed in Norway. I also wanted to make a 404 page that motivates user the opportunity to have a moment’s reprieve from browsing online for too long.
Daily UI - #7 - Settings
Settings for a pet medical records app.
Part two of day 6’s exercise. This is a small preview of some user flows after selecting some options.
1)not having all physical copies of pet records on hand, 2)need for managing/remembering all pet appointments, especially for multiple pets, 3)convenience when providing/sharing this profile to any pet owner substitute, caretaker, or even a new pet owner - no need to spend time to find/compile all the information.
Sometimes I forget to bring physical documents with me when I take my dog for grooming or to the vet for vaccinations. Other times I forget the previous appointment dates from the top of my head. In these designs there’s an option to attach a picture or PDF to any appointment post as well, if one wants to show the doctor more official documents or images besides what’s logged on the app.
Some icons representative of what’s good for humanity - a green environment, having fresh drinkable water, and alternative sources of power and energy.
Daily UI - Day 004
Design layout calculator.
1) save a designer from typography grid brainstorming headache.
Inspiration: Figuring out dimensions for design grids makes a world of a difference in keeping designs looking clean and uniform. I wanted to design a calculator that can show live grid previews for any device size when inputting dimensions. Designers could also give developers these layout specs after they save a grid they like.
Daily UI - Day 003
Landing page for a boba and dessert tea company.
Went for a hand drawn approach this time to help give the page a more lively and whimsical look.
Daily UI - Day 002
Credit card checkout page for an individually-owned online apparel shop.
Having been only day 2 of this challenge, I created a dark mode screen below to accompany the light mode screen out of eagerness to experiment, but it doesn’t really serve a specific purpose besides just exploring aesthetics.
Daily UI - Day 001
Coffee bean subscription box sign up page.
Starting off with something that I like to have in the morning. Some interaction design with error and success states before signing up.