Web Design Trends 2008 Blueliner Marketing

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    6 Favorites

    Web Design Trends 2008 Blueliner Marketing - Presentation Transcript

    1. Web Design Trends 2008 * What makes a good website? * Web Design & Internet Marketing. * Creating a great web strategy. Presented by: Arman Rousta Chief Executive Officer
    2. Overview – Table of Contents
      • What Makes A Good Website?
      • What Makes A Great Website?
      • 7 Pillars Approach to Web Design
      • Getting to Good
      • Going from ‘Good to Great’
      • Website Tour
    3. What Makes A Good Website?
      • Usability (clarity, simplicity, speed)
      • Cohesive and Appealing Design
      • Organized Site Navigation
      • Dynamic Content – fresh and up-to-date
      • Interactivity – User engagement
      • Key Questions: Web Analytics & CRM
      • How long do people stay on your site?
      • How often do they return?
      • What do they do on the site (transact, interact)?
    4. General Trends of Good Websites
      • Increasing Use of Video
      • Increasing Use of CMS (Content Management Systems)
      • Bigger Fonts
      • Big, Powerful Header Images
      • Use of Engagement Tools, like Chat, Music, Forums, Blogs, Polls, and other user-contribution features
      • Intelligent Incorporation of Ads
      • 1024x768, Center-Aligned Design
      • Detailed Borders
      • Useful Footer Design
      • Bread Crumb Navigation
      • SEO Considerations – proper meta data tagging
      • Pre-loaders & Favicons
    5. What Makes A Great Website?
      • Web Properties that cannot be categorized
      • Dynamic Content (Video, blogs, forums, is your site alive?)
      • Social Components – User contribution to content
      • Beyond the Site Connectivity (RSS, email, Social Media, click to call, Skype)
      • Marketing Enabled (SEO, Landing Pages, Effective CTAs)
    6. Getting to Good
      • Proper Site Planning : Considering Budgets and Fulfilling the Site’s Purpose
      • Adding Interactive Elements
      • Personalize the Experience
      • Basic Analytics: Customer is Always Right
    7. Going from ‘Good to Great’
      • Commitment and Risk : Considering Potential and Seizing Opportunities
      • Introducing Innovation
      • Rich Internet Applications – AJAX
      • Advanced Analytics: A/B Testing
      • CRM Integration
      • Social Consciousness (Going Green)
    8. The 7 Pillars of Internet Marketing TM Pillar 1. Search Engine Optimization Web Design through the lens of Internet Marketing. Pillar 4. CRM Pillar 2. Online Advertising Pillar 5. Affiliate Marketing Pillar 3. Email Marketing Pillar 6. Web Analytics (A/B Testing) Pillar 7. Social Media Marketing
    9. Ecommerce: Consumer 1. www.endless.com 2. www.stellamccartney.com 3. www.prescriptives.com/lashfinder/lashfinder.tmpl 4. www.caliclosets.com 5. www.apple.com 6. www.gap.com 7. goingonce.amexnetwork.com 8. www.seanjohnfragrance.com 9. www.completelybare.com
    10. www.endless.com
    11. www.endless.com
      • What we like about it:
          • Best of breed ecommerce navigation
          • Level of detail – showing views and granular hi-resolution product images
    12. www.stellamccartney.com
    13. www.stellamccartney.com
      • What we like about it:
            • Flash, products embedded in videos - wave of future
            • Multi-sites integrated into master interface
            • Expanding image-videos
            • Design/Graphics are top-notch
            • Challenges –
            • High bandwidth required
            • Not SEO friendly
    14. www.prescriptives.com/lashfinder/lashfinder.tmpl
    15. www.prescriptives.com/lashfinder/lashfinder.tmpl
      • What we like about it:
          • Shop and Learn while watching video
          • User-friendly navigation – intuitive
          • Vertical navigation bars – consistent design themes carried out
          • Intelligent Shopping Cart (Items in Cart, Continue Shopping)
          • Good flash intro with unique preloader
    16. www.caliclosets.com
    17. www.caliclosets.com
      • What we like about it:
          • Panoramic full-screen imagery
          • SEO-friendly, which is challenging for such a graphically intensive site (by comparison, see the corporate site – www.californiaclosets.com )
    18. www.apple.com
    19. www.apple.com
      • What we like about it:
        • Education online or in-store. 24/7.
        • Online customer service appointments.
        • Retail enabled - all computers in store have Internet, where orders are placed.
        • Overall combination of traits: The site is clean, simple, sharp, deep, with powerful and colorful calls to action balanced by lots of white space.
    20. www.gap.com
    21. www.gap.com
      • What we like about it:
          • 4-stores in one navigation with joint shopping cart + shipping (flat rate)
          • Cross promoting products between stores
          • Simple navigation
          • Calls to Action featuring Membership Benefits (a very good retention feature)
    22. http://goingonce.amexnetwork.com/
    23. http://goingonce.amexnetwork.com/
      • What we like about it:
          • Clean flash creative with simple navigation
          • Powerful destination-based travel imagery
          • Great concept – Call to Action – based on limited number of packages at price levels
    24. www.seanjohnfragrance.com
    25. www.seanjohnfragrance.com
      • What we like about it:
          • Elegance in design and imagery matches brand direction
          • Music menu/choice, entertains during navigation experience
          • Flash movie slide show allows but doesn’t require user interaction – allows viewers to sit back and enjoy the show
    26. www.completelybare.com
    27. www.completelybare.com
      • What we like about it:
          • Custom animated characters bring site to life
          • FAQs integrated to blog-style Q&A is a good interactive element
          • Alternative product search/categories – Shop by lifestyle – is a unique concept
          • Powerful graphical calls to action
    28. Informational / Blog 1. www.treehugger.com 2. www.zdnet.com 3. www.boagworld.com 4. www.401kid.com 5. www.womma.org
    29. www.treehugger.com
    30. www.treehugger.com
      • What we like about it:
        • great navigation: side scrolling (set people's expectations)
        • navigation: bread crumb
        • navigation: 3 categories in top nav, every pg
        • appropriate 'green' advertising / videos in expanded ads
        • Green Trend - tell users how to help, what to do -"how to help treehugger"
    31. www.zdnet.com
    32. www.zdnet.com
      • What we like about it:
          • Intelligent inclusion of advertisements, well-placed
          • Sharing/interactive features, such as voting on articles and sending to friends
          • Excellent Typography: Good use of different font colors and sizes
          • Three-column layout is well-organized, which helps a lot of content look less cluttered
          • Author personalities accentuated with big pictures
    33. www.boagworld.com
    34. www.boagworld.com
      • What we like about it:
          • Useful and well-designed footer (not just an after-thought – rather used strategically)
          • Big Easy buttons, headers and fonts
          • Great and visible interactive features
          • Frequently updated quality content – key for blogs
    35. www.401kid.com
    36. www.401kid.com
      • What we like about it:
          • Color-coding sections – every detail, from logo to page borders, change color in each section
          • Excellent branding and youthful graphics & colors
          • Interactive: integration of blog, polls and forums into most pages of the site
          • Many useful tools and content do not require registration; premium content offerings
          • The popular flash map – 529 plan wizard – in mini and regular size versions
    37. www.womma.org
    38. www.womma.org
      • What we like about it:
          • Use of tag clouds
          • Big buttons, simple navigation
          • Quality content, frequently updated
          • Great typography: Use of multiple font colors and sizes makes long content pages easier to read
    39. Business to Business 1. www.darphin.com/prospa/index.tmpl 2. www.redclaymedia.com 3. www.bluelinerny.com
    40. www.darphin.com/prospa/index.tmpl
    41. www.darphin.com/prospa/index.tmpl
      • What we like about it:
          • Music adds appeal to the imagery
          • Flash intro, extended to animated slide show – let’s you sit back and watch, not necessarily jump to click-through the site
          • Big, powerful imagery – high-resolution graphics that you can taste and feel
          • Green trend
    42. www.redclaymedia.com
    43. www.redclaymedia.com
      • What we like about it:
          • Contact form drop down
          • Multi-color text
          • Neat Flash concept/integration within home page
          • Big headers with captivating content
          • Blog integration to top navigation
    44. www.bluelinerny.com
    45. www.bluelinerny.com
      • What we like about it:
          • Video integration into home page
          • Powerful flash header, with rotating branding plugs
          • News and blog feeds in home page – dynamic content, great for SEO
          • Featured client, rotating images, gives the feeling of active projects and capabilities
          • Flash top and left-side navigation
          • Phone number on every page of the site
          • Nifty flash portfolio section
          • Integration of blog that has powerful add-ons
    46. Social Networks 1. www.seekadventure.com 2. www.allstategarage.com 3. www.facebook.com 4. www.mystarbucksidea.com 5. www.snowvision.com 6. www.mogulus.com 7. www.google.com 8. http://buick.emipowered.net/teeoffwithtiger/
    47. www.seekadventure.com
    48. www.seekadventure.com
      • What we like about it:
            • Flash and non-flash integration
            • Good example of microsite with major brand sponsorship
            • Video Player with drag-n-drop playlist, comments, voting, share features, etc.
            • Contest – users decide who wins – American Idol model
    49. www.allstategarage.com
    50. www.allstategarage.com
      • What we like about it:
          • Integrates navigation and video
          • Design detailing, such as garage borders
          • Interactive elements – design your bike
    51. www.facebook.com
    52. www.facebook.com
      • What we like about it:
          • Can’t say enough about it – this is the best website around
          • RELEVANCE – news feeds, application add-on model, and ability to customize the entire experience give user EXACTLY what they want
          • Tagging people in pictures (largest picture upload site on web)
          • Organized, simple, intuitive
    53. www.mystarbucksidea.com
    54. www.mystarbucksidea.com
      • What we like about it:
          • The ultimate chance to participate, share ideas
          • Strengthening bond between customer and brand by advertising this in-stores
          • Algorithm for determining idea winners
    55. www.starbucks.com
      • Gift Cards, the Duetto Card for Loyalty/Retention Marketing
      Register your Starbucks Card Reload your Starbucks Card Reload someone else's Card Set up Auto-reload for yourself Set up Auto-reload for someone else Manage your Card account
    56. www.snowvision.com
    57. www.snowvision.com
      • What we like about it:
          • Great video player – streams fast
          • Easy to sign-up and participate in community
          • Interactive and intuitive features, such as comments, drag-n-drop, video upload, etc.
    58. www.mogulus.com
    59. www.mogulus.com
      • What we like about it:
          • Live streaming video, phenomenal concept
          • Flash/flex user interface is intuitive
          • Big, colorful call to action ads, with white space
          • Community features and real-time view of users in the site and on certain channels.
          • Video channel categorization and search features are simple and effective
    60. www.google.com
    61. www.google.com
      • What we like about it:
          • KISS (home pg)
          • The most powerful and useful product functionality ever invented (at least in IT/web)
          • Personalization (igoogle) – RSS feeds, AJAX drag-n-drop, color/backgrounds, etc
          • Integration with a multitude of free tools (calendars, spreadsheets, etc)
    62. http://buick.emipowered.net/teeoffwithtiger/
    63. http://buick.emipowered.net/teeoffwithtiger/
      • What we like about it:
          • Graphically, a beautiful site
          • Live video integrated with background, with option to skip. Highly personalized, guided site tour from Tiger Woods is engaging.
          • Hot spots on vehicle features
          • Interactive game and simple scorecard interface feels like a video game, and encourages participation and inviting friends (for foursomes)
    64. For questions or comments about this presentation... Arman Rousta Chief Executive Officer [email_address] 212.904.1240 office 917.392.0982 mobile 224 W. 35th St., Suite 410 New York, NY 10001 www.bluelinerny.com

    + Arman RoustaArman Rousta, 7 months ago

    custom

    1343 views, 6 favs, 1 embeds more stats

    This is a presentation that I have prepared for the more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1343
      • 1341 on SlideShare
      • 2 from embeds
    • Comments 0
    • Favorites 6
    • Downloads 83
    Most viewed embeds
    • 2 views on http://www.brijj.com

    more

    All embeds
    • 2 views on http://www.brijj.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories