HTML5 Tips: Design a Dynamic Homepage with Animated Galleries


A few days ago we came across a really outstanding Wix website for the Los Angeles based vaudeville circus/theater, Le Tigre Tent.  One thing that really impressed us about their website was their use of an animated grid gallery in the homepage, which made the whole site look more alive, more fun and more in-your-face.

Design a Dynamic Homepage with Animated Gallerie

Le Tigre Tent

This is a feature not many Wix users are aware of, yet it is so easy to do. We wanted to show you how you can add a similar animated gallery to your website with a few simple steps. You can add this gallery to every page on your site, but on the homepage it creates a really powerful effect of wowing site visitors when they just enter the site.

For illustration purposes, we’re using the “Close Up HTML” template, but this works with all Wix HTML5 templates, of course!

Design a Dynamic Homepage with Animated Gallerie Leer más “HTML5 Tips: Design a Dynamic Homepage with Animated Galleries”

Anuncios

The Anatomy of an Effective Homepage


http://blog.kissmetrics.com

As a general rule, your homepage will be the first encounter a visitor will have with your business. Great care, therefore, should be taken to design and structure your homepage so that readers will digest and act on your business message.

Below we’ve identified certain qualities that compose an effective homepage. We recommend you spend a few minutes with this infographic to see if your homepage’s current state is effective. Special thanks to@keanrichmond and @onextrapixel.

Click on the infographic below to view a larger image:

The Anatomy of an Effective Homepage

View an enlarged version of this Infographic »

Why I’m Watching LinkedIn Company Pages

Last month LinkedIn announced the launch of their company pages, starting with a small group of 40 companies. Here’s why I have my eye on them (and so should you):

1. The “Products and Services” Tab – With the addition of this tab, companies will be able to showcase their offerings without looking overly promotional. The tab also makes it very easy to find what you are looking for without navigating an entire company homepage.

2. Public Recommendations – When LinkedIn members recommend products or services via the company page, their recommendation is publicly posted for all of their connections to see. Free reviews and promotions for the company. Sound like another social network we know?


by Emily Peterson
Category: LinkedIn, Word of Mouth Marketing
http://blog.ogilvypr.com/2010/12/why-i%E2%80%99m-watching-linkedin-company-pages/

Last month LinkedIn announced the launch of their company pages, starting with a small group of 40 companies.  Here’s why I have my eye on them (and so should you):

1. The “Products and Services” Tab – With the addition of this tab, companies will be able to showcase their offerings without looking overly promotional. The tab also makes it very easy to find what you are looking for without navigating an entire company homepage.

2. Public Recommendations – When LinkedIn members recommend products or services via the company page, their recommendation is publicly posted for all of their connections to see. Free reviews and promotions for the company.  Sound like another social network we know? Leer más “Why I’m Watching LinkedIn Company Pages”

Showcase of Interesting Navigation Designs

Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.

If page is long and provides different levels of navigation, will users be able to find their way through the site and use proper navigation quickly? Forcing visitors to use certain keystrokes to navigate, rather than what they’re used to, might be novel, but is that effective if you have to explain instructions prominently on your home page? Here are some examples for your reading pleasure.


  • By Sarah & Adrienne Kahn

    1. The light blue text looks like it’s hyperlinked. One of the first things a user sees upon loading the page is the blue “Who’s Komrade” heading. The first thing we did was click it, but nothing happened. This started the user experience off on the wrong foot. With this unusual scrolling navigation, distinguishing the clickable from the unclickable is extremely important.
    2. The numbered navigation for Komrade’s past work does not stand out enough. The red circles look like yet more flowers, which caused us to pass over them several times before figuring out that they were the navigation. This goes back to the clickable/unclickable issue. Well-placed labels would go a long way here.
  • Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.

    If page is long and provides different levels of navigation, will users be able to find their way through the site and use proper navigation quickly? Forcing visitors to use certain keystrokes to navigate, rather than what they’re used to, might be novel, but is that effective if you have to explain instructions prominently on your home page? Here are some examples for your reading pleasure. Leer más “Showcase of Interesting Navigation Designs”