10 Mind-blowing One Page Product Websites We present to you with our ten mind-blowing one page product websites from around the world. These websites are hand-picked from well-known brands, such as Nike and Beetle, and others from emerging and innovative products, such as Tatchies and in2headphones. New Platform of Marketing Gone were the traditional method of product presentation and Marketing, here comes the new era of pure web interactivity and audience engagement through the form of one page websites. Most products that use this method of presentation are visual and feature driven, meaning that it rides on the one page technology to provide its wow factor. Hey, when TV is not enough why not the web too! Interactivity + Usability The application of Responsive Layout and Parallax Scrolling as the latest interactive technology, is seeing an upward trend among brand-centric one page websites. e.g. Let us start this of with the company that does many brilliant product marketing, Nike. Nike Jumpman Beetle Tatchies Hyundai Veloster
30+ principles to a better landing page design | Landing Page Optimization After hundreds of landing page optimization projects, we wanted to share few of the lessons we learned when creating a successful landing page. We hope that you will find this article helpful. Also, please consider subscribing to our RSS feed or leaving a comment. There are four basic components to a successful web page design: Research; Design; Copy and Testing and Modification. 1. 2. The topic of customer research is beyond what we cover in this post. 3. 4. The value proposition will help establish trust and gives a sense of congruency throughout the page. 5. 6. 7. 8. 9. 10. 11. 12. 13.
30 Ways To Drive Traffic To Your Website Are you looking to increase traffic to your website? There are many ways to increase traffic to your website. Majority of people believe the only way to driving traffic will cost them money. There are different methods of driving traffic that you pay for, and the majority of them are free. Increasing traffic to your business, website, or blog is the key to building a larger audience. I have enlisted in this post the top ways to increase traffic your website. 1. Squidoo.com Hubpages.com Isnare.com Goarticles.com Getarticlesdone.com Ezinearticles.com Articlecity.com Technorati.com Buzzle.com Suite101.com Seekingalpha.com Associatedcontent.com Examiner.com Articlesbase.com Xomba.com Flixya.com Bukisa.com Triond.com Hellum.com Oondi.com Shetoldme.com Digitaljournal.com 2. 3. Twitter Pinterest Facebook Google + MySpace StumbleUpon Reddit Delicious Digg Tweetmeme Fark Slashdot Friendfeed Clipmarks Newsvine LiveJournal Meet Up Orkut MyLife Ning Tagged Deviant Art 4. 5. 6. 7. 8. 9. 10. 11. 12.
Single-Page Web Sites: Are They Right for Your Business? Web sites are not all alike. While the basic usage of a web site is to communicate your message to viewers, it doesn’t mean your site needs multiple pages, sidebars, contact or “about us” pages. The important factor is that the viewer understands what your site is all about within a few seconds upon arrival. In magazine publishing, any good designer or publisher will tell you the cover needs to be seen and understood within a three to four seconds for efficient newsstand sales. Single page web sites are to the point, less confusing, easy to focus upon and have an easy call to action. Major considerations of a one-page site Do I have a lot of content? Is lots of content an important part of your marketing? Am I trying to sell a specific product? Is my content all related? What can fit within a screen size? Will embedding a slide show of content work? Can content separation be used? Is brief better? Is Google ranking better? Focus on quality! Most important…
7 More Useful Tips To Help Your Site Convert Advertisement Last week we presented 8 Useful Tips To Help Your Website Convert – we discussed various rules and guidelines from marketing, such as subliminal suggestion, prevention of choice paralysis, AIDA-principle, attention guide and the Gutenberg rule. The main idea was to help designers and developers create a design that would help the site to grow and become a success the financial point of view. As we see more and more businesses move their services online, and even more that begin their life on the Web, a greater need arises for websites that are designed and built to sell. This article presents further principles and rules that will help your site convert. 1. There is no reason to stop developing your website once you’ve come up with a design that you’re happy with and that you think best sells your product. You can tweak your website using what’s called A/B testing (also known as split testing). Google Website Optimizer 2. A typical feature description on Apple’s website. 3.
Six Blog Post Templates That Highly Effective Bloggers Use | Linchpin Bloggers I follow several blogs quite closely. I call them my “linchpin bloggers,” as they provide me valuable content on a consistent basis. It is my quest to become one of these linchpin bloggers. And so naturally I have been studying their blogs. Particularly, I have studied the anatomy of their blog posts and have observed a basic structure emerge. Besides Michael Hyatt and Chris Brogan, who actually share their blog post templates, I have constructed what I believe to be the general framework for their posts. Please don’t assume this is an exhaustive outline these bloggers always use. Having said that, using these templates can not only increase productivity and make you write faster and more effective (something I’m always trying to do), but they can help you maintain consistency too. So without further ado, I give you six blog post templates that highly effective bloggers use: 1. Michael Hyatt uses the SCORRE™ method from the Dynamic Communicators Workshop (DCW) to prepare every post. 2. 3.
30 one-page sites you’ll wish you had built With web users bombarded with so much information, web designers are constantly exploring new ways to deliver content. One-page websites are now being widely adopted with some of the biggest brands in the world using them to provide users with a fast, clean and simple experience that is simultaneously effective and beautiful. Over the past few years, we’ve seen the trend towards one-page websites grow thanks to the introduction of HTML5 and jQuery, which make it easy to build stunning websites with nifty transitions and effects. Below are 30 stunning one-page HTML5 websites, covering everything from minimalist design and simple navigation to parallax scrolling. If you’re looking for inspiration for your new single page HTML5 website, take a look at the list below: 1. Having won several awards, Trionn Design’s one-page HTML5 website uses parallax scrolling to make it easier for users to navigate through the site. 2. 3. 4. 5. This one’s for all the romantics out there. 6. 7. 8. 9. 10. 12.
14 Instant Landing Page Upgrades Landing pages are a great way to generate sales from pay-per-click ads and e-mail campaigns. Folks click the ad and get a page tailored to their exact needs: You get more conversions, the customers are happy. Remove unnecessary fields. [Bonus: Use analytics. Related Posts Book Review: The 2008 Landing Page Handbook Multivariate Testing: Why You Need It Internet Marketing Case Study: Testing Works The Foolproof Formula for Writing a Solid Blog Post [Template] You know blogging is critical, paramount, indispensable to the success of your marketing. Without it, Google will stop crawling your site; your SEO will tank; your social media accounts will run dry; you'll have no clout with your leads and customers; and you'll have fewer pages on which to place calls-to-action and collect new and reconverted leads. This all sounds like a marketing disaster . So why, oh why, does almost every marketer I talk to have a laundry list of excuses for why they can't consistently blog? Maybe because, unless you're one of the few people who actually like writing, business blogging kind of sucks. The time for excuses is over. The Blogging Formula A comprehensive, high-quality blog post doesn't have to be long. Introduction The introduction sets the stage for the problem you're about to solve. Have you ever tried to ___________? But do you see why that structure works for an introduction? Body Make sure your ____________ lets you _______________.
10 techniques for an effective 'call to action' Design: The estimated time to read this article is 7 minutes Jeff from Brighton recently wrote to me asking: Occasionally I hear you talk about the importance of having a call to action on the show but you never go into much depth. Having an effective call to action is an essential part of any website. A call to action provides… Focus to your siteA way to measure your sites successDirection to your users How then do you create an effective call to action? 1. Before a user is willing to complete a call to action they have to recognise the need. You also need to communicate the benefits of responding. Take for example the VoIP service Skype. Make calls from your computer — free to other people on Skype and cheap to phones and mobiles around the world. They clearly explain what the user will get by downloading Skype. 2. Sometimes you may have to sweeten the deal to encourage users to complete a call to action. Incentives could include discounts, entry into a competition or a free gift. 3. 4. 5.
5 Headline Templates That Grab Readers | Michael Hyatt - Intentional Leadership Your readers decide whether your blog post is worth their time within a few seconds. Most of that decision is based on the post title (or “headline”). Some of the highest paying work in the copywriting business is creating headlines for magazine covers and tabloids. Think about it. Aren’t you sometimes at least tempted to pick up those magazines in the grocery store line? The “How-To” Headline.The key to making this particular headline work is that you need to tie it to a benefit your reader cares about (related to your content, of course). One final piece of advice. Using these five headline templates, you should have more people reading your posts and commenting on your blog.
25 Excellent Online Resources To Learn Web Design Smarter Web design is not such a difficult and undertaking process anymore. With ever-growing online communities and the rise of the new Web technologies, the concept is now simplified and easy to handle. You can choose to work with a vast array of both local and online software. There is an infinite number of resources you can use to inform yourself about the upcoming trends in web design. However, being that we all have informational freedom on the web, it’s easy to get weighed down with non-relevant, repetitive, or surprisingly dull information. 1. For a fresh web designer, lynda.com should become that little voice in the head that answers all your questions. 2. TreeHouse is also a video tutorial-based website. 3. Smashing magazine is where you can find out about the latest trends in both web development and web design. 4. This is a highly popular Australian company that sells books on web design and development. 5. 6. 7. 8. 9. 10. 11. Niice is a design search engine. 12. 13. 14. 15. 16.
Basecamp home page redesign by Jason Fried of 37signals A few weeks ago we decided to take a stab at redesigning the Basecamp home page. We liked the current design, but we wanted to see if we could do better. Specifically we were interested in more visuals, less text, and a generally simpler and less dense presentation. Started with a sketch As we usually do, we start with a very low-fi sketch of the big idea behind the design. From this sketch we ended up with something that looked like this: We messed around with the words, subheads, and other copy. So we decided to replace the phrases with icons representing the major features/benefits of Basecamp. After a few rounds of tweaks, we ended up with this: After we were pretty happy with the top, we moved down the page and redesigned the rest. A/B test Once the page was ready, we decided to run an A/B test against the current (now the old) design. The new design sent 14% more people to the signup page. Back to back For reference, here was the old design: And here’s the new design: