home city apartment pencil pen feather3 aim bottle drop2 fire knife umbrella sun moon cloud cloud-upload cloud-download shield shield-check shield-alert shield-cross lock rotation-lock unlock key key-hole toggle-off toggle-on cog wrench hammer-wrench hammer axe factory recycle trash trash2 trash3 broom joystick dice spades hearts heart star flag flag2 flag3 mailbox-full at-sign envelope envelope-open paperclip paper-plane reply reply-all inbox inbox2 outbox box archive archive2 drawers drawers2 drawers3 eye binoculars hdd-down hdd-up floppy-disk printer file-empty file-add file-check file-lock files copy compare folder folder-search folder-plus folder-minus folder-download folder-upload folder-star folder-heart folder-user folder-shared folder-music folder-picture folder-film scissors paste clipboard-empty clipboard-pencil clipboard-text clipboard-check clipboard-down clipboard-left clipboard-alert clipboard-user register papers news reading typewriter document document2 graduation-hat license license2 medal-empty medal-first medal-second medal-third podium trophy trophy2 guitar trumpet repeat headphones headset loudspeaker equalizer theater 3d-glasses ticket presentation play film-play clapboard-play media film film2 surveillance camera-play camera2 shutter picture picture2 book book2 bookmark bookmark2 label library library2 contacts profile portrait user woman man baby baby2 walk hand-waving jump run woman2 man2 man-woman button store barcode3 bag bag2 cart tag tags receipt wallet cash-dollar calculator2 vault telephone phone-wave dial telephone2 map-marker map-marker-user map-marker-check compass2 map map2 location road-sign calendar-empty calendar-check calendar-cross calendar-31 calendar-full calendar-text calendar-user mouse delete screen signal sim smartphone tablet2 laptop laptop-phone desktop window tv radio remote-control power-switch power lamp cord outlet battery-empty bubble bubbles bubble-dots bubble-alert bubble-question bubble-text bubble-pencil bubble-picture bubble-user bubble-heart phone-bubble heart-pulse pulse first-aid lifebuoy bandage bandages thermometer brain beaker skull bone construction construction-cone pie-chart pie-chart2 graph chart-growth chart-bars chart-settings cake gift balloon rank rank2 rank3 crown lotus diamond diamond2 teapot glass bottle2 glass2 dinner2 scale2 egg2 hamburger pizza carrot ice-cream ice-cream2 candy lollipop coffee-cup cherry leaf landscape pine-tree tree cactus paw speed-fast rocket hammer2 balance briefcase luggage-weight dolly plane helicopter traffic-lights road car-battery car bus bus2 taxi ambulance ship ship2 boat bicycle bicycle2 swim archery cube puzzle glasses glasses2 select2 site-map earth network planet happy smile dream cool mustache halloween christmas easter-egg mustache2 mustache-glasses alarm bullhorn volume lan lan2 wifi stream broadcast antenna satellite satellite2 mic mic2 spotlights hourglass loading refresh undo redo undo2 redo2 sync return2 clock clock2 clock3 watch alarm2 alarm-check timer2 download2 upload2 bug code file-code file-image file-audio file-video file-charts file-stats file-spreadsheet link2 thumbs-up thumbs-down thumbs-up2 thumbs-down2 thumbs-up3 thumbs-down3 share2 magnifier zoom-in loupe loupe-zoom-in loupe-zoom-out cross menu list list2 list3 menu2 list4 menu3 exclamation question check cross2 plus minus percent chevron-up chevron-down chevron-left chevron-right chevrons-expand-vertical chevrons-expand-horizontal chevrons-contract-vertical chevrons-contract-horizontal arrow-up arrow-down arrow-left arrow-right arrow-up-right move tab arrow-wave notification warning notification-circle question-circle menu-circle checkmark-circle arrow-up-circle arrow-down-circle arrow-left-circle arrow-right-circle chevron-up-circle chevron-down-circle chevron-left-circle chevron-right-circle backward-circle first-circle previous-circle stop-circle play-circle pause-circle next-circle last-circle forward-circle eject-circle crop frame-expand frame-contract focus grid layers rulers funnel square plus-square minus-square arrow-up-square arrow-down-square arrow-left-square arrow-right-square chevron-up-square chevron-down-square chevron-left-square chevron-right-square check-square cross-square menu-square prohibited circle radio-button text-size text-align-justify pencil-line hand pointer-up pointer-right hand2 pointer-up2 pointer-right2 pointer-down2 pointer-left2 ellipsis google-plus3 facebook instagram twitter linkedin pinterest

Successful Sites: Homepage Edition

Successful Sites: Homepage Edition

written by on Wednesday, October 03, 2018
 

Chances are, whether or not you spend hours on the internet every day like us, you've seen some pretty incredible websites. But what makes them so impressionable? Studies show (and analytics prove!) that you have roughly three seconds to "wow" a viewer or they'll scram from your site quicker than your internet speed, leaving you a far-less-than-impressive bounce rate and without a conversion. So how can you leave a great first impression on your viewers in just three seconds? You got it. An outstanding homepage.

But we aren't just talking about great design. It actually takes several integrated strategies to make your homepage successful. But don't you worry, we're laying those down for you.

Set Your Goals

For most people, whether selling products or offering services, a website takes the place of a 24/7 sales team. You'll want to identify content that optimizes your website's ability to promote your products and services using your brand's voice in way that appeals to your target audience. You'll want to offer information about your brand, answer questions, promote your most important products and services, and include calls to action.

Have Audience Awareness

Many assume that a homepage is simply a landing page and does not function as more than a pretty page that introduces their company. However, if you have only three seconds to pull a viewer in, you're going to want to reframe that idea and put the viewer first. In fact, your audience should be at the forefront of every decision you make for your website. At the end of the day, they're the ones that make your website, and inevitably your business, successful. Find out more on how to target audience in our Audience Analysis blog.

Content is Crucial

Taking an all-about-the-user approach to content, the first thing you should consider is that your homepage needs to read well to your audience. Your copy should be straight-forward, but unique and action-provoking, completely rid of any confusing jargon. Website copy should assist the design in allowing the viewer to a) easily navigate the site and b) to encourage conversions through product sale or contact with your business via online form, phone call, or visitation.

The most important copy should exist "above the fold," or the area visible before scrolling, and should include your primary call to action, applying a logical (and very necessary) hierarchical structure to your content. Though there's a lot to think about when considering web copy, don't let it hinder you from letting your brand personality shine through. This will keep your brand relatable and personable, qualities audiences love and can positively affect conversion rates.

Let the Design Shine

When it comes to design, you definitely want to attract the user, but you also want to showcase your brand personality, colors, and style. Theoretically, a less-is-more approach is always a win. White space, or empty space, allows your viewer's eyes a place to rest, which is necessary if you want them to read or process anything on your website. Similar to your content, you'll want to use the design to call your viewers to action and appropriately attract the viewer "above the fold." Additionally, you'll want the design to make your site easily navigable for the user. Design elements such as boxes, borders, grids, and other geometrical sectioning applies visual hierarchy, supplementing the informational hierarchy for optimal readability for the user.

You'll also want your website design to be responsive on mobile devices. More and more users are accessing websites on-the-go using mobile devices, making it very important to have a website that is usable and readable when scaled down on a smaller screen. This ensures that every effort you've made to appeal to users and encourage conversions is made available to every user that visits your site.

Take SEO Seriously

Search Engine Optimization (SEO) involves strategically taking opportunities to ensure that your website is seen when your business or important keywords that would lead to your business (such as individual services or products you offer) when searched by a user on major search engines like Google and Bing. There are several things you can include on your homepage to help SEO, such as:

  • a clear, recognizable logo in the top left of the website

  • clear calls to action

  • a structured menu

  • social sharing

  • a keyword-rich metadescription

  • contact details

All Hands on Deck

Running a business is a tough job. Add in what it takes to properly manage a full marketing strategy across multiple platforms and you're asking for the impossible. That's where we come in. We understand what it takes to run a business and the importance of company budgets. But we also understand digital marketing, which gives us the opportunity to consider your brand, develop a marketing strategy, build a stunning custom website, and ensure your online success, relieving you of 'the impossible' on your albeit long list of job responsibilities.

Need a hand? Give us a call! We'll be happy to help.