Back to home

Back to home

Back to home

UI Challenge

UI Challenge
UI Challenge

UI Case Study ✦ April 2022

UI Case Study ✦ April 2022

UI Case Study ✦ April 2022

Inspired by the popular "Daily UI Challenge", I did a 2 week exercise designing conceptual screens based on my own ideas for products.

Inspired by the popular "Daily UI Challenge", I did a 2 week exercise designing conceptual screens based on my own ideas for products.

Inspired by the popular "Daily UI Challenge", I did a 2 week exercise designing conceptual screens based on my own ideas for products.

Clover Mutual

Bank Landing Page

For this concept I designed the mobile screen of what the main page of this bank's app would be, and then designed the desktop landing page around this. I also mocked up the credit card to add consistent branding throughout the product.

Greed Island

Mobile Game Character Creator

I drew all the graphics for this using Procreate before "assembling" it in Adobe XD. I wanted this to have a simple interface, as I imagined potential users would be primarily focused on gameplay rather than customizing a character too much at the beginning. This would be the second screen of the character creator flow for this game concept.

t.s.

Retail Product Page

A simple page for an ecommerce site. I first planned out the layout and structure of this page before finding product photos. I then edited the colors in these photos to all be similar in order to mimic the way a real retail site would have consistent product photography.

Writr

Note-Taking App

Taking inspiration as my time as a student taking notes on my iPad, I created a concept for a note-taking app. I used my own notes from one of my UX courses to fill out the page content after I had designed the overall interface.

Now+

Streaming App

Conceptual home page for a streaming app that features some of my favorite movies and shows.

Parcel

Shipping Company Pricing Plan

Mockup for a shipping company's pricing page. I started by creating the logo and some simple branding before developing the page content.

Trivial

Mobile Game Leaderboard

A simple leaderboard for a mobile trivia app. This screen was designed with the intention that it would be shown to users after finishing a game, following a similar pattern to existing trivia game apps and websites.

Circle City Zoo

Information Page

The idea for this page was to provide zoo visitors of all ages to have a way to further interact with the animals. Shown here as an iPad app, anyone who wanted to dive deeper on the animal they were seeing could scan a QR code to bring this page up to show more information. Doing this also provides users a simple map of the park so they can easily identify related exhibits.

Sylph Air

Boarding Pass

For this, I wanted to design a simple yet engaging boarding pass. Framing the content in the shape of a ticket is a fun detail that does not distract from the important information inside.

August

Verification

A concept for a page of an undefined app that needs users to verify their phone number before continuing to the main content.

Clarity

Photo Editor

Using a photo of my cat, I based this app off of my experience using popular photo editing apps. I wanted to maximize the space a users photo was taking up so they had visibility into what changes they were making while still allowing them to easily find what they need to take action in the app.

Luck Interactive

Terms of Service

The concept for a generic terms of service page. The goal of this was to not distract users from the text and to format the terms in the most user friendly and readable way.