Daily UI

Fall 2018 - Design Challenge

GOAL:  answer a daily user interface design prompt for 100 days

 MY ROLE:  I'm consistently designing!

001_phone.png
blank_example.png

About Daily UI

Daily UI (www.dailyui.co) sends subscribers a daily email during the work week with a User Interface design prompt for 100 days. The prompt is brief, and is up to interpretation. It's a simple exercise in consistency and exploration, with the goal of improving designers' work. 

Daily Process

PROMPT

SKETCH

WIREFRAME

001_phone.png

#001 - Sign Up

Scannable Document on Aug 22, 2018 at 11

#002 - Credit Card Checkout

#002.png
Scannable Document on Aug 23, 2018 at 5_

#003 - Landing Page (above the fold)

004_screen_updated.png

#004 - Calculator

#005_calc_phone.png
blank_example.png

#005 - App Icon

005_app.png
005_app copy.png

#006 - Profile Page

#007 - Settings

006_screen.png
007_phone.png

#008 - 404 Error

008_screen.png

#009 - Music Player

009_phone_blue.png
009_phone_pink.png
009_phone_black.png
Comp-1.gif

This is my first ever attempt at animating an interaction. I used Adobe XD for the first time to create the mock-up, then Adobe After Effects to do simple animations and loop the content.

#010 - Social Share

#011 - Flash Message (Error/Success)

DailyUI #011.png
12_screen.png

#012 - E-Commerce Shop (Single Item)

#014 - Countdown Timer

This is my first ever attempt at using the Adobe XD prototyping feature. This "prototype" consists of four screens with tap transitions to show the flow of an auto-complete direct messaging app. 

#013 - Direct Messaging

Watch 42mm – 1_2x.jpg

#015 - On/Off Switch

#015 - On-Off Switch_2x.png

#016 - Pop-Up/Overlay

Artboard 1.png

#017 - Email Receipt

#017_desktop.png

#018 - Analytics Page

#018_desktop.png

#019 - Leaderboard

#019_mobile.png

#020 - Location Tracker

#020_mobile.png

SIGN UP FOR DAILY UI:    WWW.DAILYUI.CO