top of page
Daily UI Challenge

This challenge is to create 30 different UI Screens, Images, or Logos. I started this challenge on January 31, 2021 and here is where I'm at so far. I'm tweeting out each DailyUI screen as I go. Check my Twitter to get caught up. I'll upload all my screens here when I can, but Twitter will have my current day.

Daily UI Challenge Sign In Screen

001: Sign In Page

Daily UI Challenge Credit Card Payment Screen

002: Payment Screen

I subscribed to DailyUI and they are provided the topics for my challenge via email. I am looking forward to this challenge to gain experience and try out some new ideas. We'll see where this takes me.

Daily UI 003 Alien Designs.png

003: Landing Page

Daily UI 004 Calculator.png

004: Calculator

DailyUI 005 App Logo .png

005: App Logo

The Sketch app is the main tool I use to create my designs. I have all my DailyUI designs in one place. I also have huge drawing board where I do the majority of the work.

 

My inspiration comes from many places on the internet and my life. From Dribbble to Twitter to simply Googling a UI design, I find ways to make the screens my own. These designs are originals and fit into a their own custom style.

I try to imagine each screen has a unique color scheme, feel, and theme and I'll bring that out with font, size, spacing, shadows, and feel. Stay tuned in, I'll be updating my website every weekend until I hit 100.

Tools and Inspiration
Daily UI 011 Flash Buttons.png

011: Flash Messages

Daily UI 010.png

010: Button

Daily UI 006 Profile Page.png

006: User Profile

Daily UI 008 404 Page.png

008: 404 Page

Daily UI 007 Settings.png

007: Settings Page

Daily UI 009 Music App for watch.png

009: Music Player on Watch

Daily UI 013 Direct Message.png

013: Direct Messaging

Trends and Style

I find inspiration for my designs all over. From flipping through projects on Behance, Dribbble and Google search I find a style to model my design in. All my designs are original, but I do inspect the work of others quite often. I use the pieces I like and leave the rest. I'm still working on the 3D UI trend that's popular right now.

Daily%20UI%20015%20On%3AOff%20Switch_edi

015: Toggle Switches

012: eCommerce Store

Daily UI 012 E-Commerce App Single Item.

012: eCommerce Item

Daily UI 016 Pop Up.png
Daily UI 014 Timer.png

014: Timer

016: Pop Up

Daily UI 019 Video Game Ranking.png

019: Video Game Ranking

Daily UI 021.png

021: Home Monitoring App

Daily UI 017 Email Receipt.png

017: Email Receipt

Daily UI 018 (1).png

018: Activity Tracker

Daily UI 020.png

020: Map/Navigation

Daily UI 022 Search.png

022: Search Engine

Daily UI 023-1.png
Daily UI 023-2.png
Daily UI 023-3.png

023: Onboarding

E3Yc0KZXwAM3vI9.png
New Tools

Most of the projects above this point were designed using Sketch, BUT the two most recent designs, were created in Figma. That's 023 and 024. I'm loving Figma, but missing a few things that Sketch has. The biggest improvement overall is the prototyping in Figma. Also I just started using Adobe XD as of July 2021. I'm excited to get started learning it.

Designs 025 and 026 were created in XD.

Interestingly, after going through the struggle of learning one design program and switching to another makes the learning curve so much easier. At the moment I can't decide which I like the best. I'm just loving the new job and can't wait to learn some more stuff.

 

024: Boarding Pass

Group 7_2x.png

025: TV App

Group 9_2x.png

026: Subscribe

Group 1703.png
Group 20_2x.png

028: Contact Us Form

More screens will be uploaded soon.

Follow @benkno on Twitter to see more recent screens.

Group 174.png

029: Mobile Map

Feeling Inspired

I've recently gotten inspired to continue this Daily UI journey.

I just needed to get back to designing! My current work load has been mostly research based. I'm learning a ton, but I do miss the occasional designing session. 

027: Dropdown Menu

bottom of page