Back to Top

100 Days of UI

An exploration of 100 creative ideas for UI design in 2019. You can find my creative account with more details here.

Day 034
Day 035
Day 036
Day 037
Day 038
Day 039
Day 040
Day 040
Day 041
Day 042
Day 043
Day 044
Day 045
Day 046
Day 047
Day 048
Day 049
Day 050
Day 050
Day 051
Day 052
Day 053
Day 054
Day 055
Day 056
Day 057
Day 058
Day 059
Day 060
Day 060
Day 061
Day 062
Day 063
Day 064
Day 065
Day 066
Day 067
Day 068
Day 069
Day 070
Day 070
Day 071
Day 072
Day 073
Day 074
Day 075
Day 076
Day 077
Day 078
Day 079
Day 080
Day 080
Day 081
Day 082
Day 083
Day 084
Day 085
Day 086
Day 087
Day 088
Day 089
Day 090
Day 090
Day 091
Day 092
Day 093
Day 094
Day 095
Day 096
Day 097
Day 098
Day 099
Day 100

001

OOF

This design is for part of the homepage for a sticker and apparel brand, Oof, some friends and I began working on in Spring 2019.

OOF ui
001

002

sign-in screen
002
Sign-In

Haven is a hypothetical marketplace where users can sign up to find local home-cooked meals and home cooks can host meals. I drew from Airbnb and Uber Eats to inform my design

003

Credit Card Checkout

I attempted to create a vibrant but simple, clean interface capable of saving credit cards for checkout and how adding cards might work.

credit card checkout
003

004

landing page design
004
Landing Page

Created an experimental landing page for an awesome Milwaukee company @milwaukeehome centered around their current PRIDE themed merchandise.

005

Calculator

Just a mobile calculator design in both light and dark themes!

calculator ui design
005

006

app icon for a songwriting tool
006
App Icon

A sample app icon for an NLP-enabled songwriting tool I ideated with a group for a project this year called Simile. Based on an abstract version of a reversed treble clef.

007

User Profile

A user profile for a concept app that facilitates connections at large events and conferences where many people find introductions and and starting conversations difficult.

user profile for new events app
007

008

uber eats settings redesign
008
Settings

A settings page redesign for Uber Eats. Not the most exciting, but Uber Eats currently has a few items on the settings page that could be combined in the profile tab with other info. Decided to make it more like dating app profiles where default preferences might exist, and sorted the settings into logical categories.

009

404 Page Not Found

Most 404 pages are pretty boring. This example is for an agency with a pointy, informal, slightly humorous and relatively crass voice and tone. The page would hypothetically display numerous different versions on refresh such as the ones shown.

404 page not found design
009

010

music player design
010
Music Player

What would an alternative music player to Spotify or Apple Music look like where you could see upcoming songs in a queue/playlist/radio? I tried to combine some core features for this interface.

011

Sharing

This design showcases a potential mobile sharing interface for Medium, one of my favorite apps. Occasionally I want to share Medium articles, but it seems somewhat cumbersome to do it. Here’s my redesign.

404 page not found design
011

012

music player design
012
Boxed Water Home Redesign

Same content, new look. Nothing wrong with their current home page, but I wondered how I could improve their branding by removing and changing basic elements from their page. Not all designs have to be complex. Sometimes it can be rather simple.

013

Messages on Mac

Sometimes subtle changes can really make a difference... I’ve felt that Messages on Mac has been lagging behind the iPhone’s interface for a while. These are some minor tweaks I think would improve the product that would be very doable in a near update.

desktop messages app tweaks for mac
013

014

timer
014
Timer

This is a timer for for a cooking app that helps beginner chefs walk through recipes. Fairly basic, and restricts users a bit so it’s harder to get lost.

015

Switches

Concepts for simple switch UIs.

switch
015

016

popup mockup
016
Popup

A popup concept for a music startup when a user create his first performance.

017

Email Receipt

Redesign of Delta’s email receipt sent when a user books a flight.

Delta email receipt from booking flight
017

018

Alexa app analytics redesign
018
Alexa Analytics

An analytics dashboard concept for the Alexa mobile application to help build this trust and transparency. The UI caters to real data that already exists for third party developers.

019

SXSW Event Pages

A collection of trendy designs for SXSW 2020. A very futuristic year with procedurally generated shapes. More focused on just the visual design.

SXSW event mockups
019

020

NLP for songwriting
020
NLP for Songwriting

These mockups stem from a group project with two incredible masters students for an HCI class this past semester. They deserve a lot of credit for this one!

021

Leaderboard

What if donations for crowdfunding sites were competitive? This concept explores an idea for a platform where users can compete via donations to give towards their favorite causes. Top donations could be matched by related organizations each week to incentivize higher donations.

Leaderboard crowdfunding concept
021

022

Tinder for running concept
022
Tinder for Running

I’ve always wondered if locals have good running routes across different cities. What if this running data was made public for people to browse through? Could discovering these routes be fun? Perhaps this would be an interesting take for route discovery in a new running app.

023

Search

Starbucks allows users to order on mobile. How might we reorganize the elements on this screen to make finding items easier? I made some adjustments to their current UI that would be interesting to test. I don’t think this particular idea is a significant improvement, but rather a concept worth user testing to identify how much time it takes to find an item for an order.

Starbucks search concept
023

024

Delta boarding pass redesign
024
Tinder for Running

I tried to keep Delta's designs visually consistent with their brand and the email receipts concept I created a few weeks ago. I used more of their vibrant colors to reflect excitement in travel (but also practical purposes, like finding the ticket easier if dropped or lost).

025

Portfolio Iteration #1

Experimenting with how I should convey myself through my website.

Portfolio iteration one
025

026

healthcare startup dashboard
026
Healthcare Dashboard

A concept draft for a healthcare AI startup for whom I'm helping develop their brand.

027

TV Streaming App

Made a Netflix/Hulu hybrid for TVs and large devices

TV streaming app concept
027

028

luxury watch homepage design
028
Luxury Watches

Decided to create as mockup of a home screen for a luxury watch company, Blancpain.

029

Contact Page

A minimal website for a fictional media company.

contact us screen design
029

030

calendar app design concept
030
Calendar

A calendar app with improved task management integration and capabilities.

031

Menu Animation I

A simple animation for the menu screen.

Menu animation for calendar app
031

032

Calendar dropdown animation
032
Calendar Animation II

A simple cascading animation for the calendar month dropdown.

033

Coding Resources Layouts

Brainstorming different app layouts for a simple application I’m planning on building out for fun sometime later this year. I’ve accumulated a few hundred coding resources over the last 4-5 years and want to share it in a meaningful, easily accessible way. The layouts are somewhat beyond wireframes and could be preloader items for content!

Coding resources layouts
031