Daily UI Design Challenges: Challenge 006

Today’s challenge was a “User Profile“.

The hint was

Hint: Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile? (It’s up to you!)

I chose to go the serious route and made a user profile for a fictional keynote speaker booking site. I used Adobe XD today, and PlaceIt, to make my mockup images.

Daily UI Design Challenges: Challenge 005

Today’s chaallenge was “App Icon“.

The hint was:

Design an app icon. What best represents the brand or product? Or is it incredibly unique? Does it look great at a distance and does it stand out when put on your home screen alongside other apps?  

I found this incredibly hard. The limited space and aspect ratio, and trying to think of something and make something that would communicate the purpose and still stand out on the home screen. I definitely didn’t succeed but it was a learning experience for sure.

Daily UI Design Challenges: Challenge 004

Today’s challenge was “Calculator“.

The hint was:

Hint: Design a calculator. Standard, scientific, or specialty calculator for something such as a mortgage? Is it for a phone, a tablet, a web app?

I started with a basic, standard, JavaScript calculator, and styled it to look modern with dark blues.

DailyUI Design Challenges: Challenge 003

Today’s challenge was: Landing Page (above the fold).

The hint was:

Hint: What’s the main focus? Is it for a book, an album, a mobile app, a product? Consider important landing page elements (call-to-actions, clarity, etc.)

I thought I’d try something new so I signed up for a trial of Lander and built my design there. Here’s how it turned out:

If you want to see more, keep watching here, on Twitter, or on LinkedIn!

DailyUI Design Challenges: Challenge 002

Today’s challenge was “Credit Card Checkout“.

Here was the hint:

Hint: Design a credit card checkout form or page. Don’t forget the important elements such as the numbers, dates, security numbers, etc. (It’s up to you!) Don’t forget to share on Dribbble and/or Twitter when you’re done.

I used MockPlus again, and quickly made up this design:

Looking forward to tomorrow’s challenge!

DailyUI Design Challenges: Challenge 001

Prompted by Mel Milloway, I decided to sign up for the 100 day Daily UI challenge. I got my first emails today and have started off!

Each challenge is decidedly open-ended. It’s interesting to see how different people interpret!  Challenge #001 was simply: “Sign Up“. An additional hint was provided:

Hint: Design a sign up page, modal, form, app screen, etc. (It’s up to you!) Don’t forget to share on Dribbble and/or Twitter when you’re done.

So I decided to just jump in and go!  I made this design using MockPlus. My interpretation is that people mostly hate signing up for more things, so I’ve provided a number of ways of authenticating rather than signing up directly. This form would also serve as a sign in form. Below is the tweet where I shared my mockup!