Daily UI 003 - Landing Page

The second challenge was to create a landing page, above the fold. If you're wondering, above the fold basically means everything you see as soon as you arrive on the page without scrolling. There was no other information given like the product type or what the call to action should be so I had a lot of thinking to do.

I decided that I wanted my call to action (the task that I want visitors to perform) to be to download an app. I started by reading an article about the best practices of designing a landing page. It was extremely helpful. So, here's my final design:

Let me disect it for you.

The app that I want users to download is an imaginary Taxi app. The main picture in the background (called a hero image) is pretty dynamic because it does many things. It emphasizes the brand color, it visually explains the service area of the company, and it's also a really cool image.

On the top right there's the company name. And directly across from that are three navigation options to learn more. 

The copy on the page is short but I feel it explains exactly what the company does (with a little help from the background image) and it sounds trustworthy and reliable. 

There's a preview of the app, so that users get an idea of its design and recognize it in the app store. 

And lastly, but most importantly, the call to action. It's a button, the yellow color stands out on the page but is still cohesive with the brand, the rounded edges look more appealing, it has a 3-dimensional affect that makes you want to press it, it's located solely on the right side of the screen right above the focus of the background image and the copy on the button is a clear explanation of what happens when you press it. 

This challenge was interesting because I could literally do anything. Landing pages are so important because they usually only have one or two specific goals so the design can be very playful and/or simple. I'm excited to do more of them in the future. 

~ Lisa Lou