Motarme Website Design Guide for B2B Technology Marketers
Motarme guide to website design for B2B technology marketers; includes advice on structure, home page layout and calls to action.
<ul><li><p>B2B Tech Marketers Guide to Website Design</p></li><li><p>1. You need 4 skills2. Read this book3. Decide what your website is for4. Know your audience5. Site structure6. Page layout7. Build for search8. Convert your visitors9. Analytics10. Principles</p><p>Contents</p></li><li><p>1. You need 4 skills</p><p>Marketing</p><p>Online Marketing</p><p>Design</p><p>Build</p></li><li><p>1. You need 4 skills</p><p> How to communicate your value proposition.</p><p> How to promote your products and services successfully to your target customers.</p><p> How to differentiate from competitors.</p><p> How ensure your target customers find you online.</p><p> Search Engine Optimization (SEO).</p><p> Online advertising / paid search.</p><p> Social Media.</p><p> Conversion and Lead capture.</p><p> How to build the website. Database and content management </p><p>system (CMS) Wordpress / Joomla / Drupal </p><p> Support video, social media Lead capture from landing pages. Online sales / eCommerce</p><p> How to make your site attractive, useful and usable for target customers.</p><p> Structure and layout of pages.</p><p> Colours and fonts.</p><p> Use of graphics.</p></li><li><p>2. Read this book</p><p>Explains how to make sites more usable.Helps you avoid basic errors.Main message - when we look at a web page it should be obvious, self-evident. Dont use text, graphics or layouts that cause unnecessary delays or confusion.</p><p>If you follow Steve Krugs advice you have a better chance of steering visitors to what you want them to do and see.</p></li><li><p>3. What is your website for?</p><p>Answer: To generate sales leads To generate sales</p><p>Source: DemandBase and Focus.com 2011 Survey of B2B IT and marketing professionals</p></li><li><p>3. What is your website for?</p><p> The purpose of your website is to (a) generate sales leads and (b) help you sell products and services.</p><p> Focus your website on bringing in new prospects people who dont know your business yet.</p><p> This means describing what you do clearly and compellingly. Balance your goals (sales) and the visitors goals (information, service, </p><p>support). Make it easy for visitors to find information quickly. Design your website to encourage those prospects to take an action </p><p>register for something, buy something, download something Convert those visitors registration or sale.</p></li><li><p>4. Know your audience</p><p> Understand your target audience who are you trying to attract online? Do all potential customers come from the same sector, or different industries? If a visitor from one of those industries comes to your website, how will they </p><p>recognize you are targeting them? Do the people you target all have the same kind of role, or do you sell to multiple </p><p>buyers? Use design personas to model each of these buyers. Usually a maximum of 3 or 4. For each persona, ask what goals they will have when arriving on your site to find </p><p>information, download a report, ask for help, read a case study, watch a product demo </p></li><li><p>4. Know your audience</p><p> Create Design Personas for your top 3 target customers They are archetypes representing 80% of your target visitors Use them as way to describe and understand those customers</p><p>OscarRole: Sales managerOrganization: SMEAge: 45Goals: have easy access to prospect information 24/7; get better quality leads; better pipeline</p><p>NoraRole: Marketing managerOrganization: multi-nationalAge: 32Goals: manage multiple channels; drive awareness of the company; produce more and better quality leads.</p><p>LiamRole: IT managerOrganization: SMEAge: 31Goals: reliability and availability; simplified architecture; security; cloud-based infrastructure</p></li><li><p>5. Site structure</p><p> Design your new site structure like an org chart Use your personas as a guide what goals do they have when they get to </p><p>your site? What information do they need? Keep the number of levels in your org chart to a minimum, ideally 3 or 4 If you have an existing site, map from old pages to new to ensure you are </p><p>keeping everything that is essential.</p><p>About usProduct Services</p><p>Home</p><p>Contact</p></li><li><p>5. Site structure</p><p>87%Description of service/products</p><p>Which Industries You Serve</p><p>Success stories / case studies</p><p>Professional website design and presentation</p><p>About us / biographies</p><p>Client list</p><p>Online resources/content (white papers etc.)</p><p>News items</p><p>Podcasts or audio content</p><p>Top 10 Website Elements rated Important/Extremely Important</p><p>87%</p><p>Video or online presentations</p><p>78%</p><p>73%</p><p>69%</p><p>64%</p><p>64%</p><p>60%</p><p>57%</p><p>47%</p><p>40%</p><p>Source: How clients buy 2009 Benchmark Report, RainToday</p></li><li><p>6. Page layout</p><p>Develop wireframe designs for home page and internal pagesUse the personas to guide the wireframes base them on the personas goals </p><p>(e.g. find information) and your objectives (e.g. get visitor to register for download)</p><p>Drive your visitors to take an action the Most Wanted Action on each pageProvide downloads and prominent buy now offersMake good use of page structure, text to explain what you doMake most of the page clickable to lead visitors to further actions / </p><p>information.</p><p>Call us now!XX XXX XXXX </p><p>Requ</p><p>est a</p><p> Cal</p><p>lbac</p><p>k</p></li><li><p>6. Page layout</p><p> Have plenty of bait on your site If you are business to business (B2B) offer documents, videos, presentations, content that </p><p>people will want to download Ask for their email address in exchange for the download If you are business to consumer (B2C) promote special offers, buy now</p></li><li><p>6. Page layout</p><p> Make as much of each page clickable as you can especially all graphics. Use photographs of real people instead of stock photography where possible. Be careful about using very large graphics heatmaps indicate visitors eyes </p><p>tend to skip past and around them.</p><p>Source: MarketingSherpa B2B Website Homepage Design Research Study 2008</p></li><li><p>6. Page layout</p><p> Outside In make sure your website and your page layouts reflect your target customers. Will they quickly recognize you are targeting them?</p><p> Is your Value Proposition clear on each page? Is it easy to find information clear menus and links, search option? Are there Calls to Action CTAs on each page? Trust do you make it clear you are trustworthy e.g. through customer and </p><p>partner logos, quality marks, security certifications? Evidence do you provide proof that you can do what you say you do? Have you designed for Search clear page structure, clear readable URLs, page </p><p>tags, headers? Have you designed for Mobile responsive design? Have you designed for Social links to social accounts, share options?</p><p>Checklist</p></li><li><p>7. Build for search</p><p>Most people (64%) click on the first 3 results on Google page 142% to the first result12% to the second9% to the third</p><p>Less than 10% click on pages beyond page 1</p><p>Source: SEOBook and SEOMoz</p><p> 85% of business buyers find what they want via search engines When people search, they usually dont go past page 1 of the </p><p>search results</p></li><li><p>7. Build for search</p><p> Search Engine Optimization (SEO) and Paid Search are your tools to ensure you are found Decide which search terms you want to get found for, based on current search patterns </p><p>from Google keyword tool keyword analysis and selection Configure pages so they target those selected keywords the URL, page description, page </p><p>title tag, header tags and any graphics Create content blog posts, graphics, video, text, documents that targets those keywords Ask other sites to link to your site Link your website to your social media accounts, encourage sharing, follows / likes / +1s ...</p></li><li><p>8. Convert your visitors</p><p> You convert visitors by bringing them to Landing Pages specially designed pages with a clear call to action and a corresponding registration or download form</p><p> Rule #1: Avoid unnecessary distractions push visitor to your Most Wanted Action Be consistent with the ad or email that brought your visitor here, including keywords, </p><p>logos and other images Spell out your Value Proposition and the benefits of this particular offer and have a </p><p>clear call to action Remove any unnecessary navigation Try to keep registration fields to a minimum e.g. Name and email A/B test 2 versions of landing page to see which works best Use Google Analytics to monitor conversions</p></li><li><p>9. Analytics</p><p> Set up Google Analytics on your website so you can monitor traffic. Set some goals for the website e.g. Overall traffic, traffic from particular regions, </p><p>ranking for search terms, lead generation goals. You can use Google Analytics to monitor conversions across your website e.g. </p><p>graphically track downloads and landing page registrations over time. Can link this through to Google Pay-per-click campaigns i.e. monitor which ads and </p><p>keywords generate the most landing page registrations. There are additional tools like CrazyEgg , KissMetrics, Mouseflow and Clicktale to </p><p>monitor and analyze visitor behaviour on your website.</p></li><li><p>9. Principles</p><p>1. User-centric think about your target customers and their needs.</p><p>2. Beautiful a beautiful site doesnt cost any more than an ugly one. Dont tolerate ugliness. Make your site as attractive as possible.</p><p>3. Usability make your website easy to use and navigate for your expected visitors. Use icons, words, menus and graphics that are natural to users.</p><p>4. Simplicity make your website is as simple as possible. </p><p>5. Structure structure your home page and internal pages in a meaningful way. Items that are related should be grouped together. Unrelated items should be separated or otherwise distinguished.</p><p>6. Measure setup Google Analytics on the site, monitor performance.</p></li><li><p>9. Principles</p><p>7. Consistency consistency in the appearance and behaviour of the website makes it easier to use.</p><p>8. Conventions conventions (such as placing the logo on the top left) help reduce the effort for visitors. Stick with them where possible.</p><p>9. Conversion Remember what your website is for generating leads and sales. Make calls-to-action noticeable, clickable. Dont use the word submit try Download or Register or Get your white paper now</p><p>10. Test test your website with real people (not your staff) watch them as they use (or try to use) your site to achieve some goals.</p></li><li><p>22</p><p>About Motarme</p></li><li><p>Motarme is an easy-to-use enterprise Marketing Automation system. Motarme is specifically designed to help business-to-business (B2B) companies in the technology, software and industrial sectors generate sales leads online. In addition to our web-based Marketing Automation product we provide consulting, web marketing and lead generation services. Our customers include Siemens, Mergon Group, SF Engineering and mid-size and early stage technology companies.</p><p>Web: www.Motarme.com.</p></li><li><p>Clients</p><p> We have seen for ourselves how a solid strategy has helped to drive traffic to our </p><p>site and generate sales leads.Caolan BushellBusiness Development ManagerMergon Group</p><p>Barry RooneyChief Operations OfficerSiemens ITSS </p><p>The system delivered real, measurable results in a short </p><p>timeframe sales and contacts from our target audience at Tier 1 </p><p>companies.</p><p>Joe LynchGeneral ManagerIMEC Technologies</p><p>Generating leads online is now a central part of our sales strategy.</p><p>About Motarme</p></li><li><p>Thank You</p><p>Automated Marketing That Drives Sales</p><p>email@example.com</p><p>@michaelgwhite</p><p>www.motarme.com</p><p>Slide 1Slide 2Slide 3Slide 4Slide 5Slide 6Slide 7Slide 8Slide 9Slide 10Slide 11Slide 12Slide 13Slide 14Slide 15Slide 16Slide 17Slide 18Slide 19Slide 20Slide 21Slide 22Slide 23Slide 24Slide 25</p></li></ul>