Using the Law of Attraction in Web Design

Using the Law of Attraction in Web Design

What is it that makes a brand, product and/or website so appealing that you can’t resist the urge to indulge? How can something on my computer screen garner so much of my attention and intrigue me enough to buy into that particular product or service? Most brand marketers understand the needs of the customers they’re marketing to, and work to drive them to purchase. I’m also convinced these customers are fueled to buy into a product by the Laws of Attraction.

Using the Law of Attraction in Web Design

Appeal

The first theoretical Law of Attraction is that of Appeal. It’s no surprise that if you want your brand to be noticed, it has to generate excitement and appeal. This usually starts with the visuals, and that is where we as web designers are tasked with breaking outside the norm and developing strategies that will sell. This may be created through something as simple as an interesting color, shape, or an aesthetically new and different technique. Something startling and unique and outside your expectations have their place in web design. After all, if your brand blends in, especially in a crowded market, it’s devoid of appeal. Websites that leverage a color tastefully that hasn’t been used by their competition have an advantage.

Know Your Audience

Who your audience is will play a big role in how your website should look and function. Demographics that can influence your design include age, gender, profession, and technical competency. For older and less technically savvy audiences, usability should play a big role.

PBS Kids’
PBS Kids’ target audience is evident. The intent is to entertain and involve this young audience, and the design does it by wrapping the content in a fun, colorful interface with a lot of visual and interactive elements.

PBS

Carbonica
Carbonica is a website aimed at helping people reduce their carbon emissions. The environmentally friendly image of the website is crafted using a lot of recycled paper images and textures, as well as earthy green and brown tones – a visual language those helping their environments would come to expect.

Carbonica

Kanvas
Kanvas allows you to create art online. The website itself is a post-modern expression geared towards the teens it attracts. The intent is to inspire young people to create an anti-smoking poster in hopes of winning a variety of prizes the site offers, including iPod Shuffles, Apple Tv, and Flash drives.

Canvas

Attach

The second theoretical Law of Attraction to utilize in Web Design is that of attachment. Attachment can be forged through striking an emotional chord with your audience and capturing their imagination. A website that easily communicates its proposition to me in a new and exciting way elicits positive feelings from me, while a website that incorporates your own individual sense of style or tastes can create attachment. This powerful Law of Attraction often puts itself at the top of a consumer’s mind.

How does one cut through the clutter and begin to forge emotional bonds with their viewers? How does one attract the perfect customer and inspire them to take the desired action? I’ve come to realize this is achieved through the following:

Be Authentic

In the old paradigm for marketing we would have invented some hype designed to brainwash or scare someone into buying from us. But our perfect customers will never recognize us if we are surrounded by hype and fakery. So share yourself authentically whether you’re creating your website copy or writing an Ebook. Your passion will show through in your writing on a topic you know a lot about. Not only will you share your purpose with the world, but you’ll begin to attract customers who are also aligned with you and ready to take the action you desire.

The Bean Exchange
History comes alive on the website for this old Philadelphia coffee hub, The Bean Exchange. The coffee house communicates its rich history in the look and feel of the website, with every bit of ornateness, palette and structure contributing to the theme.

Bean Exchange

Use Words That Reflect Your Purpose

Whatever your passion may be, make sure to share it through words that reflect your purpose. What are some words that describe your purpose? Use these words often in your marketing for as they resonate with you, they will also resonate with your customers. Remember: These words may be just what customers use to find you so use them as your own personal keywords. Use them in your titles, in the content of your articles, in the headlines, and in links and see who is attracted to you.

To put it differently, consider the following quote from Jeffrey Zeldman:

“Content precedes design. Design in the absence of content is not design, it’s decoration.”

Collision Design Studio
Collision Design Studio uses witty headlines that spark interest and relate to the services they’re promoting. In doing so they generate appeal by not relying solely on their work to do the speaking.

Collision Design

The New Yorker
The New Yorker is an online magazine of reportage, commentary, criticism, essays, fiction, satire, cartoons and poetry that won a 2011 Webby Award for copywriting.

New Yorker

As an experiment, try building your next project by first placing in all the content that should be on the page. Throw in the headlines, the copy, the features, the widgets, the navigation; everything you can think of, but do so without design. The first step is merely to put it all in one place. Once you’ve got it there, then begin to style it. Think about different ways you can arrange it, color it, and bring it to life.

Be Responsive

Your website isn’t finished once it’s live – you also must connect with your customers on a daily basis. On a small scale this can be achieved through contact forms and social networking, on a larger scale, such as that of online brick-and-mortar retailers, this can be achieved through intimate and immediate interactions with customers.

American Eagle
American Eagle excels at aggressively integrating multi-channel marketing tactics into both its traditional and digital campaigns. It connects at all the right touchpoints, which goes a long way towards achieving brand loyalty. This year, AE included a mobile filed in its loyalty program, and used mobile as a point of entry into sweepstakes as well as an alerts program. Calls to action were posted on social networking sites, such as Facebook and Twitter in the form of banner ads, status updates and tweets.

American Eagle

Showcase

Theo Thermometer
Excitement and appeal is created in the website for Theo Thermometer. A service usually portrayed through minimal, staid design is revitalized into a dynamic, comic-book style treatment, complete with mascot, to garner interest in these meat and fridge thermometers. Statistics are presented throughout the site, further explaining the importance of buying into these devices.

Thermometer

Cultural Solutions
This website for a cultural agency presents a bright, bold image to attract visitors to their site and keep them there. We get a glimpse of who they are, what they have done, and what makes them special in a simple, easy to read format.

Cultural Solutions

Modern Eden
A Modern Eden sells posters and iPhone applications. Through the use of texture and carefully selected typography, this website achieves appeal. Through the design, we get the sense that the people behind the company are very passionate about their craft. Catchy one-liners also support this feeling of authenticity and passion.

A Modern Eden

Sky’s Guide Service
Sky’s Guide Service presents original, lifestyle action shots in place of stock photography on their carefully crafted website. Texture is used to give an authentic feel to the website – giving you a sense of being right there with the fisherman.

Skys Fisherman

Brew Shop
The Brew Shop is another website that catches your attention. The site establishes personality at first sight with a hilarious photo and beery good humor. It backs the funny with substance, such as a very usable e-commerce system, effective copy and scannable icon-enhanced navigation. Especially nice are the swaths of red as call-outs and the subtly scrambled type.

Brew Shop

Park Avenue Coffee
Park Avenue Coffee gives a playful feel with all the vintage charm of its busy patterns, whimsical logos and strong color palettes. The hero of the site is the drinks you’ll be purchasing, which are displayed prominently throughout the site.

Park Avenue Coffee

Festival Internacional de Chocolate de Obidos
Festival Internacional de Chocolate de Obidos takes advantage of visually-appealing photography of the chocolates being sold on their site. This site of a chocolate festival uses a striking background image as well as a nice chocolate photos on its main page.

Chocolate

Biola University’s Undergrad
An academic website doesn’t have to be staid, as you’ll see in this example for Biola University’s undergrad department. With its target audience in mind, the designers create a striking collage meant to entice prospective students to the school.

Biola

Pop Cap
Pop Cap Games uses an animated landscape and cartoon characters to appeal to children. Children, whose life experiences are limited, are often drawn to things found in nature since they can relate to them.

Pop Cap Games

Gatorade
The home page of sports drink Gatorade has a dark background, with product photos that cycle from one to the next. The user can control the slider, and, on hover, each product takes on color. Clicking on the products leads to pages with more information.

Gatorade

Conclusion

As you can see, developing appeal in your web design establishes a connection with your visitor, while forging an emotional connection with them through various means such as copywriting and authenticity through your marketing will foster a unique attachment. These Laws of Attraction allow you to delve deeper into customer dynamics and forge brand experiences. Have you any novel perspectives on how to create attachment? Feel free to tell us in the comments below!

Stephanie Hamilton is a Brand Stylist and Web Designer whose passion is helping creative entrepreneurs, small businesses, and start-ups develop memorable and meaningful brand and digital experiences. Visit By Stephanie and let's collaborate to tell your brand's story.

Comments

  1. / Reply

    When designing websites it’s important to balance out the design with content. It’s easy to get lost in designing a website without considering the content, purpose or audience. I agree that appeal is one of the most important things, as this is what attracts the user and encourages them to browse through the site. Using bold typography and witty catchphrases adds to the appeal of the site, allowing visitors to see who you are and what you do without having to search too hard. Before you dive into the design of any site, always research the market, competitors and audience. This will help you come up with a design which is unique and suits the purpose.

    1. / Reply

      Pretty good post. These days trend does seem to be Big Bold Typography & brighter Images. As for the argument above, I.M.O the websites who rely on content heavily, do not put too much effort in their designs.

        • steve,
        • July 27, 2011
        / Reply

        “I.M.O the websites who rely on content heavily, do not put too much effort in their designs.”

        ??

        interesting.

        Is your opinion based on any facts ?
        Do you have many examples to show?

        I would think that sites that rely heavily on content would spend even more time on their design to make sure the content is presented attractively, is easily used /purchased?

        looking forward to your reply with facts and examples!

      • steve,
      • July 27, 2011
      / Reply

      very sound and professional advice.

  2. / Reply

    Very valuable and appropriate points mentioned.Thanks for sharing:)

  3. Thanks for sharing these wonderful sites. They truly emphasize the concept of designing sites with the target audience in focus.

  4. / Reply

    This is a wonderful piece that goes to the heart of the subject. There are so many websites and though many are strikingly beautiful and attractive unless the content is high quality and it is relevant to you it doesn’t matter how nice it looks.

    I have recently asked Richard to design a website for me to reflect a blog I want to write about my experiences in my quest to uncover absolute truth in the spiritual sense. I found it difficult to come up with a design that people would automatically associate with my content. Here is an example of what I will be reporting in my blog: http://hubpages.com/hub/A-Course-in-Miracles-Lessons-1-to-5
    Do you have any ideas?

  5. / Reply

    Very useful article. Thanks for sharing your insight.

    • Karl,
    • July 13, 2011
    / Reply

    Great post. Thanks a lot for sharing.

  6. / Reply

    productive points you sharing in this creative article.

  7. / Reply

    After launching large projects we do lots of AB testing but knowing a few principles like described in this post does save tons of time and effort =) While working on custom design with some customers it’s occasionally hard to convince them that this is what their site’s audience would love =))) so you are pretty much to satisfy the client and future visitors of the site =)

  8. / Reply

    Really great information! Really liked the balance that is maintained in context of content and design.

    • Conroy James,
    • July 14, 2011
    / Reply

    Amusing Title!! and good examples.. I agree with the appealing theory but the content must also be kept in mind. Users do not like content that is complex, similarly complex designs also confuse them. Be simple, be logical and attractive.

  9. / Reply

    BTW how would I go about following you on twitter. I typed you name in twitter but couldn’t find you. Please advise.

    1. / Reply

      Hi Xavier, thanks for the comment! You can find me at http://twitter.com/#!/SHamiltonDesign

    • Ryan,
    • July 16, 2011
    / Reply

    Great designs, thanks for taking the time to put all of these examples together for us.

    • Tom,
    • July 17, 2011
    / Reply

    Always important to remember the intended audience for your sites. The designs you highlighted are great.

  10. / Reply

    The designs are totally awesome. Thanks so much for bringing it all together.

  11. / Reply

    Learning and implementing the Law of attraction in my life, helps me move forward toward magnificence. I am now earning money in an effortless way.

  12. / Reply

    Great designs, thankyou for sharing them. I especially like the way the colour schemes reflect the appeal and purpose of the site. Its almost clear to see the niche of the site without even reading the content.

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals