Brilliant Homepage Designs, Diapositivas de Comunicación

¡Descarga Brilliant Homepage Designs y más Diapositivas en PDF de Comunicación solo en Docsity!

(PLUS SIX QUICK-HITTING TIPS TO IMPROVE YOUR SITE DESIGN)

2

LEARNING FROM THE BEST.

You never get a second chance to make a first impression. That’s

why your homepage is undoubtedly one of the most important

pages on your website.

If a company homepage is its virtual front door, what happens if the

door is off its hinges? With an average attention span of 8 seconds

online, a new visitor needs a simple, compelling reason to stick

around. If your site doesn’t immediately connect with them, or they

don’t know what to do on your page, their knee-jerk reaction is to hit

the back button and just leave.

Don’t let that happen. If you are considering re-vamping your

website – or just want to see great design – check out these 53

examples of homepages to inspire your own site redesign, each of

which does something worth learning.

SHARE COLLECTION

4

THE

SALESMEN.

ECOMMERCE HOMEPAGE

EXAMPLES

SHARE COLLECTION

LUHSE TEA.

WHAT WE CAN LEARN: Present standard information in novel ways without sacrificing function and usability. Luhse Tea, for instance, added clear-cut navigation icons that stand out, but still convey company branding and clever details (search is a blimp!).

SURF RIGHT.

WHAT WE CAN LEARN: Easy navigation and beautiful design can (and should) work together. An interactive slider and a well-organized set of tiles make this website easy to surf (pun sadly intended).

SHOP LOCKET.

WHAT WE CAN LEARN: Simplicity trumps complexity. Shop Locket presents a simple yet charming design. Its Facebook Connect and the “Try it” buttons are both clearly visible and the rest of the site doesn’t distract visitors from taking those actions.

LEGA-LEGA.

WHAT WE CAN LEARN: It’s okay not to show them ALL your products at once! While most ecommerce sites offer many product options right away (just look at Amazon), this site focuses the user’s attention on its top products, perhaps based on popularity.

URBAN ORIGINALS.

WHAT WE CAN LEARN: This is a clean and effective homepage design. The vibrant background and a simple navigation clearly lead to important product pages.

UNCRATE. WHAT WE CAN LEARN: Uncrate maintains a single strong aesthetic despite multiple navigation levels. Even with multiple conversion paths, it focuses on one key product.

SCOTCH

& SODA.

WHAT WE CAN LEARN: The tiled look of this homepage showcases different areas of the website while branded social icons make the content easy to share. The “Latest Posts” tab offers viewers more content if they are interested in delving further into the Scotch and Soda experience.

16

THE PROS.

GRAPHIC DESIGN

HOMEPAGE EXAMPLES

SHARE COLLECTION

JIB. WHAT WE CAN LEARN: Great use of a simple illustration, an excellent complimentary color palate, crystal clear copy and a single call to action all combine to make this website one of our favorites.

RIDE FOR THE BRAND. WHAT WE CAN LEARN: This site chooses a single aesthetic and fuses it into every page element. Also notable: the continuous side-scrolling feature, which provides an interesting experience for visitors.

ANDY PATRICK DESIGN.

WHAT WE CAN LEARN: This site uses rare elements including a single accent color and a “matching” off-white (check out the orange undertone). It also incorporates excellent iconography and typography for a simple but “slick” web design.