top website design trends 2011

36
Top Website Design Trends for 2011: Learn how you can make sure your website is current for the New Year. Presented by: Richard Sharp

Upload: marqui-cms

Post on 12-May-2015

16.573 views

Category:

Business


2 download

DESCRIPTION

Are you interested in redesigning your website for the New Year? Your website's layout, graphics and navigation can make a big difference to your overall marketing ROI, do you know which website design trends can help you meet your goals? This webinar covers: • The main characteristics of an effective website • Marqui’s approach to website design • Top design trends for to implement for 2011

TRANSCRIPT

Page 1: Top Website Design Trends 2011

Top Website Design Trends for 2011: Learn how you can make sure your website is current for the New Year.

Presented by:Richard Sharp

Page 2: Top Website Design Trends 2011

5 things you want to know about this presentation…

1. The presentation will be 45 minutes including Q & A2. You can send your questions to us via your

GoToWebinar controls at any time during the presentation

3. We will answer timely, topic-specific questions during the presentation and save the rest for the Q & A period

4. We answer all the questions we don’t have time for during the presentation in a blog post later in the day

5. We will send out a link to the recording and a PDF of the presentation slides after the presentation

Page 3: Top Website Design Trends 2011

Marqui’s approach to web design

1. Your website design needs to support your overall business goals (not just look pretty!)

2. It needs to focus on usability and the customer experience as much as eye-catching design.

3. Design elements should support your goals, and should encourage users to take the actions that you want them to take.

4. Your website’s design is as much a part of your website optimization process as search engine and conversion rate optimization.

5. Design can either encourage or discourage readers to interact with your site and take action. It can have emotional motivation factors for your audience.

Page 4: Top Website Design Trends 2011

Characteristics of effective websites

1. Effective usability

2. Search engine optimization (SEO)

3. Compelling content

4. Ease of maintenance and evolution

5. Continuous measurement and improvement

Page 5: Top Website Design Trends 2011
Page 6: Top Website Design Trends 2011

http://www.energycell.co.uk/

Page 7: Top Website Design Trends 2011
Page 8: Top Website Design Trends 2011

http://booyant.com/

Page 9: Top Website Design Trends 2011
Page 10: Top Website Design Trends 2011
Page 11: Top Website Design Trends 2011

Even the words in the bubble are text

http://atedrake.com/

Page 12: Top Website Design Trends 2011

http://getfinch.com/

Page 13: Top Website Design Trends 2011
Page 14: Top Website Design Trends 2011

http://www.good.is/

Page 15: Top Website Design Trends 2011

Over 10 pieces of content available on their homepage

http://www.sanfranmag.com/

Page 16: Top Website Design Trends 2011
Page 17: Top Website Design Trends 2011

http://encourageothers.com/

Page 18: Top Website Design Trends 2011

http://www.pixelbot.ro

Page 19: Top Website Design Trends 2011
Page 20: Top Website Design Trends 2011

http://www.mariecatribs.com/

Page 21: Top Website Design Trends 2011
Page 22: Top Website Design Trends 2011

http://www.tidypsd.com/

Page 23: Top Website Design Trends 2011
Page 24: Top Website Design Trends 2011

http://www.volll.com/

Page 25: Top Website Design Trends 2011

http://www.salesforce.com

Page 26: Top Website Design Trends 2011
Page 27: Top Website Design Trends 2011

Simple Navigation

Secondary call-to-action

Primary call-to-action

Page 28: Top Website Design Trends 2011
Page 29: Top Website Design Trends 2011

http://www.rga.com

Page 30: Top Website Design Trends 2011

9.

Page 31: Top Website Design Trends 2011

http://www.august.com.au/

Page 32: Top Website Design Trends 2011

http://www.ringvemedia.com/

Page 33: Top Website Design Trends 2011

Summary of 2011 Web Design Trends

1. HTML 5 and CSS 3

2. Using typography as a design element

3. Editorial-style layouts

4. Minimalist layouts and color schemes

5. Large and interactive website headers

6. Link-rich footers

7. Mobile compatible websites

8. Wide layouts

9. Full image backgrounds

Page 34: Top Website Design Trends 2011

Definitive guide to a website redesign

How do you combine web marketing strategy, design & usability, SEO, information architecture, social media and lead capture to deliver ROI for your next website?

• E-book: The website redesign playbook

• Toolkit including checklist and whitepaper

• Supporting webinar: December 16, 2010

Page 35: Top Website Design Trends 2011

Contact me!

Richard Sharp, VP Marketing

[email protected]

604.484.8453

Follow our blog at http://www.marqui.com/blog

Follow us on Twitter @Marqui_CMS

Thank You!

Page 36: Top Website Design Trends 2011

Image Sourceshttp://www.flickr.com/photos/adactio/4741536181/sizes/l/http://www.flickr.com/photos/pixer/4681732186/sizes/l/http://www.flickr.com/photos/fontshop/http://www.flickr.com/photos/heilemann/38225027/sizes/o/http://www.flickr.com/photos/noodlepie/5160072261/sizes/l/http://www.flickr.com/photos/yipinglim/2885370300/sizes/l/http://www.flickr.com/photos/partsnpieces/409444769/sizes/l/http://www.flickr.com/photos/mzn37/993261848/sizes/o/http://www.flickr.com/photos/lwr/68589669/http://www.flickr.com/photos/aidanwojtas/2109523579/http://www.flickr.com/photos/brentdanley/2284108316/sizes/l/http://www.flickr.com/photos/ravages/2831688538/sizes/l/http://www.flickr.com/photos/llimaorosa/1351327769/sizes/l/