I am a junior designer and I working on a web service's site design. I am not sure what should I place at the homepage i.e.:

Some services like dropbox and readability have a quick video tour which explains what the product is and what it does. While others, like BasecampHQ and Campaign Monitor, have just static images and text.

How should I decide what to use? Are there any general guidelines? or does it all depend on the product?

4 Answers 4


There aren't really any "guidelines" but there's a lot of information floating around about what designs are good for conversion. You can learn a lot from abtests.com, which often talks about changes made to a product homepage that have led to an increase in sales.

Best practices I've come across and applied to the design of my product's promotional site:

  • Know your audience. You can learn from design patterns and conventions but no one knows your audience like you do. Many products, like productivity suites, have a very broad audience of non-technical people. My product is targeted exclusively at technical people. The same lessons for the former category need not necessarily apply to the latter. Always make sure you're aware of why you do something and how your audience might react.

  • Watching a video is a long term commitment. Look at it like this: your product homepage is competing for my attention with every other website on the Internet and anything else I might be doing. So asking for 2 minutes of my time is a big commitment. If you put video on your site, it has to be as a fallback - I should be able to see the exact same information in static text and images so that I can glance at them at my leisure.

  • Don't be anonymous. Instill confidence by putting brand logos and customer testimonials on the page so I know I'm not the only person signing up for this. Social proof is a very powerful persuasive element (which is why "A+, would buy again" is so effective).

  • Put a clear call to action in view above the fold. 37signals has written a lot about their tests with different calls to action and they ended up going with "see plans and pricing" because it set expectations about what would happen when you click, as opposed to "try free" which raised the question of whether you'd have any commitments, such as having to fill in credit card info. Additionally, leading prospective customers through the pricing page increases conversion to paid accounts.

  • Carefully consider copy. Mentioning 37signals again, they once wrote a blog post about headline changes for their Highrise product. The headline that set expectations and used an imperative tone had the biggest improvement in conversion. Key takeaway? Set expectations as explicitly as possible and tell people what to do (or take away doubt, depends on how you look at it).

Further, once you launch your design, it's important to continue iterating and testing. A/B tests are an excellent way to do this. A product like Performable will also take you another step of the way and help you figure out how to track the "customer lifecycle", eg. from the moment someone arrives on your site, what do they do and when do they leave? And you can try something like the five second test to get some quick remote usability feedback (great weapon in an argument, and by the way, doing some five second tests on that site yourself can be quite educational as you'll see a wide spectrum of alternative designed-for-conversion marketing sites).

Finally, some food for thought: 37signals (again) is testing new designs for its Highrise page that includes no images and puts the call to action at the bottom of the page which you can only see after scrolling 5-6 pages down. Since these are currently being multivariate tested, there's no proof that these have greater conversion than those with calls to action and images/video at the top of the page. But it makes you wonder, right?

  • +1. Brilliant answer. abtests.com and fivesecondtest.com look very useful, by the way. Commented Jun 8, 2011 at 3:22

I would highly suggest...both. But, only do what you can do well. A video is much more personable to people. Websites can become a jumble and watching a video is a much more pleasurable and guided way to gather info about the product. BUT...if you dont do it well it can make your company look small or unprofessional or even cheap.


Go with images, and only if it is really needed, add a video as well.

If it is a simple enough explanation, images always work best. You can see multiple "steps" at once, save them, email them to someone if need be.

A major issue with videos is whether or not it is in Flash (blocked on iOS). If you use Silverlight to host it, do the users have the Silverlight plugin installed? Or do your users use a company internet connection that blocks videos and streaming media altogether (like mine).

It just seems that videos can offer to many hurdles. If you absolutely need one to explain your product, add it as a supplementary element to some images and text explaining the same info.

Hope this helps you.

  • I don't think technical "hurdles" should be a reason not to use videos, because there are really easy ways to host them. Your other points are valid.
    – jessegavin
    Commented Jun 2, 2011 at 18:05

Using video on your homepage makes sense when it serves to improve user experience, UX.

When creating content for your site, you want to have content that will engage different types of people. If someone is searching specifically for video about your product or service, you’ll want your homepage to show up in those search results. Adding video to your homepage will accomplish that.

You need to decide where to place the video on the page. A still of the video could serve dual purpose as the primary image for the page.

Consider if you want the video to autoplay, or if you want your visitor to choose to play the video. If you know that your target audience views autoplay in a negative light, like a popup, then that might not be the way to go. Depending on what you say in the video might determine if autoplay will work. If the video introduces the site, tells them what else to engage with on the homepage, it may work well.

Just remember to keep everything above the fold, with the video on one side and your anchor text and CTA on the other side.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.