36 Examples of Web Design Homepage Layout Concepts

36 Examples of Web Design Homepage Layout Concepts

A visitor will always be judging your website from the first pageload. Sometimes this could be an internal page but most of the time people will land directly onto your homepage. The job of a web designer is to captivate their audience with a stunning homepage layout complete with beautiful graphics, usable navigation links, and plenty of relatable content. The problem is that every homepage looks different so there is no winning formula – but it’s precisely because of these differences that a homepage will stand out from the masses.

In this post I’ve organised a series of homepage website layouts from Dribbble designers. Some layouts have gone live on the Internet while others have been posted simply as design mockups. Either way you can learn a lot from these homepages to determine what you like, what you don’t, and figure out why certain designs make you feel all warm and fuzzy inside.

32 Ultra-Flat and Modern Website Layout Mockups

32 Ultra-Flat and Modern Website Layout Mockups

Trends seem to ebb and flow much like the ocean tides – and opinions are just as critical. While you might prefer high tide for a little water adventure, old granny might be waiting on low tide to shrivel up and dry out on the sandy beach. Some people might not even like the beach at all! But nevertheless design trends have their place and will always flow where attention goes.

Flat design has risen to popularity in a few short years. Modern operating systems like Win8 have begun switching over to this design style without hesitation. I’ve also seen this effect in modern websites that flatten their colors, icons, even buttons. And I know what you’re saying – but Mr. Jake writer person, wouldn’t flat buttons just look like regular hyperlinks? And how could a flat UI design work for so many different layouts? Also can I flatten my mother-in-law and toss her onto a website?

Well I say we should delve into the world of flat design and see exactly how this trend behaves on the screen. Take a peek at some of these website mockups created with flat UI design. This gallery is perfect if you’re trying to understand how to create your own flat elements and how to match everything nicely on a single webpage.

20 Modern Retro Style Website Designs

20 Modern Retro Style Website Designs

One of the hottest design styles at the moment is retro/vintage designs. In modern life, retro style never loses its popularity and you can see retro and vintage styles in almost every business. When it comes to web design, retro style is also popular among designers.

In today’s article I collected showcasing modern retro style websites. Hope you like the collection. You may also take a look at our past website collections for inspiration.

iOS7 Tab Bar Designs for iPhone App UI Inspiration

iOS7 Tab Bar Designs for iPhone App UI Inspiration

To help app designers with their own tab bars I’ve collected a panoply of examples ranging the full gamut of interfaces.Since the iPhone’s original inception there have been plenty of apps using tab bars with some very unique icon designs. The release of iOS 7 ushered into a new era where all graphics have been changed over to flat colors with thin line icons. It seems to be Apple’s newest UI style pending the release of OS X Yosemite following by iOS 8.

To help app designers with their own tab bars I’ve collected a panoply of examples ranging the full gamut of interfaces. There’s icons and tab designs in here for every type of iOS application. Whether you’re just getting started or need some fresh ideas for your next iOS app – this post will surely have a little something for everybody.

25 Audio Player Interfaces for Mobile Apps and Desktop Programs

25 Audio Player Interfaces for Mobile Apps and Desktop Programs

Our modern era of technology is fast and efficient. Streaming MP3 music has never been easier with the advancement of countless websites and social networks. Mobile applications also come into the picture with support from many audio streaming services. But how would any of these services function without a clean audio player UI?

This gallery features some creative music players for desktop software and mobile apps. If you plan to design your own interface then these examples are perfect to help with brainstorming. As time goes on music player will surely get cleaner and even simpler to use. See what talented designers have already created and try to push the boundaries even further.

35 Creative Mac OS X App Icon Designs

35 Creative Mac OS X App Icon Designs

The Mac operating system is used by millions on laptops and iMacs around the world. Each program for OS X uses an app icon which can be resized in the dock(among other locations). This means icon designers need to create multiple icon sizes for each OS X application. The level of detail is often exquisite and these icons are nothing short of a masterpiece.

This gallery contains 35 Mac OS X app icons created by designers on Dribbble. Many of these apps have gotten published onto the App Store, while others were just created for practice. A few icons even include a free PSD download if you’re into that kinda thing. But regardless of your operating system these icons are truly exceptional and easy to appreciate from a designer’s point of view.

29 Checkout Interfaces for eCommerce Web Design

29 Checkout Interfaces for eCommerce Web Design

What good is any eCommerce website without the expected payment & checkout page? This step often gets the most focus from customers who want to ensure their information is correct. The input fields should be easy to use and nothing should be too cluttered or congested.

Reducing confusion during checkout will help to expedite the process so that you get more satisfied customers who feel safe with their transactions. Take a peek at the examples from this gallery to find other ideas related to checkout forms. These designs might even give you the urge to redesign your own checkout process! Not to mention you can learn a lot about online payment systems by putting yourself in the shoes of a customer.