website building guide for asphalt and paving companies · website building guide for asphalt and...

35
> / < Website Building Guide for Asphalt and Paving Companies BROUGHT TO YOU BY >>>

Upload: buinhan

Post on 30-Aug-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

gt

ltWebsite Building Guide for Asphalt and Paving Companies

BROUGHT TO YOU BY gtgtgt

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

Authors Page 3

Best Des igned Websi tes Page 4

Must Haves for Webs i tes Page 12

Popular Trends for Webs i tes Page 18

Websi te Pages Out l ine Page 26

Your Turn Page 34

Contact Us Page 35

PAGE 2

TABLE OF CONTENTS

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 3

Monica Pitts is the creative force and founder of MayeCreate She has a Bachelor of Science in Agriculture with an emphasis in Economics Education and Plant Science from the University of Missouri Monica possesses a rare combination of design savvy and technological know-how Her clients know this quite well Her passion for making friends and helping businesses grow gives her the skills she needs to make sure that each client or friend gets the attention and service he or she deserves

Kylee May is a senior at the University of Missouri majoring in science and agricultural journalism with an emphasis in animal science and design Her two passions in life are horses and journalism and she has strived to intermingle them for her career She hopes to graduate early in December of 2016 with a design job at an equine magazine Kylee grew up in the small town of Hondo Texas where the farming community was at large Horseback riding and horse judging were a huge part of her life Her interest in journalism began when she worked on the high school newspaper and yearbook Outside of her career Kylee is engaged to be married and has a rescue cat named Romeo

AUTHORS

gtltBest Designed

W E B S I T E S

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 5

The Maryland Asphalt Association Inc

Design 1

WHAT MAKES THIS SITE STAND OUTOriginal photos in the home page slideshow make this site appealing and authentic

Transparent color overlay allows for lots of photos space on the page and adds interest to the top navigation

The asphalt index integrates a Google Doc so itrsquos easy to update each month and still show a great graph of the pricing data The expandable and contractible yearly pricing breakdown is a great way to share the reference

Plant locations are easy to search by distance and address

Original photos color overlay integrated Google Docs and easy to use members map make this site a winner

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 6

Design 2 Fix Asphalt

WHAT MAKES THIS SITE STAND OUTThe consistent bold color of yellow is another visual element that stands out As you scroll down the homepage or click through the pages of the website yellow is there whether that be via the font picture or graphic bar

The initial background video pans and adds interest without being overwhelming It sets off the modern feel for the site

A long scrolling modern style home page does a good job introducing visitors to Fix Asphalt

The blog answers many commonly asked questions and undoubtedly helps Fix Asphalt rank well in Google

An animated video easily explains what they do

Home page video playing in the background and a bold yellow color modernize this site

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

Authors Page 3

Best Des igned Websi tes Page 4

Must Haves for Webs i tes Page 12

Popular Trends for Webs i tes Page 18

Websi te Pages Out l ine Page 26

Your Turn Page 34

Contact Us Page 35

PAGE 2

TABLE OF CONTENTS

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 3

Monica Pitts is the creative force and founder of MayeCreate She has a Bachelor of Science in Agriculture with an emphasis in Economics Education and Plant Science from the University of Missouri Monica possesses a rare combination of design savvy and technological know-how Her clients know this quite well Her passion for making friends and helping businesses grow gives her the skills she needs to make sure that each client or friend gets the attention and service he or she deserves

Kylee May is a senior at the University of Missouri majoring in science and agricultural journalism with an emphasis in animal science and design Her two passions in life are horses and journalism and she has strived to intermingle them for her career She hopes to graduate early in December of 2016 with a design job at an equine magazine Kylee grew up in the small town of Hondo Texas where the farming community was at large Horseback riding and horse judging were a huge part of her life Her interest in journalism began when she worked on the high school newspaper and yearbook Outside of her career Kylee is engaged to be married and has a rescue cat named Romeo

AUTHORS

gtltBest Designed

W E B S I T E S

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 5

The Maryland Asphalt Association Inc

Design 1

WHAT MAKES THIS SITE STAND OUTOriginal photos in the home page slideshow make this site appealing and authentic

Transparent color overlay allows for lots of photos space on the page and adds interest to the top navigation

The asphalt index integrates a Google Doc so itrsquos easy to update each month and still show a great graph of the pricing data The expandable and contractible yearly pricing breakdown is a great way to share the reference

Plant locations are easy to search by distance and address

Original photos color overlay integrated Google Docs and easy to use members map make this site a winner

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 6

Design 2 Fix Asphalt

WHAT MAKES THIS SITE STAND OUTThe consistent bold color of yellow is another visual element that stands out As you scroll down the homepage or click through the pages of the website yellow is there whether that be via the font picture or graphic bar

The initial background video pans and adds interest without being overwhelming It sets off the modern feel for the site

A long scrolling modern style home page does a good job introducing visitors to Fix Asphalt

The blog answers many commonly asked questions and undoubtedly helps Fix Asphalt rank well in Google

An animated video easily explains what they do

Home page video playing in the background and a bold yellow color modernize this site

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 3

Monica Pitts is the creative force and founder of MayeCreate She has a Bachelor of Science in Agriculture with an emphasis in Economics Education and Plant Science from the University of Missouri Monica possesses a rare combination of design savvy and technological know-how Her clients know this quite well Her passion for making friends and helping businesses grow gives her the skills she needs to make sure that each client or friend gets the attention and service he or she deserves

Kylee May is a senior at the University of Missouri majoring in science and agricultural journalism with an emphasis in animal science and design Her two passions in life are horses and journalism and she has strived to intermingle them for her career She hopes to graduate early in December of 2016 with a design job at an equine magazine Kylee grew up in the small town of Hondo Texas where the farming community was at large Horseback riding and horse judging were a huge part of her life Her interest in journalism began when she worked on the high school newspaper and yearbook Outside of her career Kylee is engaged to be married and has a rescue cat named Romeo

AUTHORS

gtltBest Designed

W E B S I T E S

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 5

The Maryland Asphalt Association Inc

Design 1

WHAT MAKES THIS SITE STAND OUTOriginal photos in the home page slideshow make this site appealing and authentic

Transparent color overlay allows for lots of photos space on the page and adds interest to the top navigation

The asphalt index integrates a Google Doc so itrsquos easy to update each month and still show a great graph of the pricing data The expandable and contractible yearly pricing breakdown is a great way to share the reference

Plant locations are easy to search by distance and address

Original photos color overlay integrated Google Docs and easy to use members map make this site a winner

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 6

Design 2 Fix Asphalt

WHAT MAKES THIS SITE STAND OUTThe consistent bold color of yellow is another visual element that stands out As you scroll down the homepage or click through the pages of the website yellow is there whether that be via the font picture or graphic bar

The initial background video pans and adds interest without being overwhelming It sets off the modern feel for the site

A long scrolling modern style home page does a good job introducing visitors to Fix Asphalt

The blog answers many commonly asked questions and undoubtedly helps Fix Asphalt rank well in Google

An animated video easily explains what they do

Home page video playing in the background and a bold yellow color modernize this site

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

gtltBest Designed

W E B S I T E S

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 5

The Maryland Asphalt Association Inc

Design 1

WHAT MAKES THIS SITE STAND OUTOriginal photos in the home page slideshow make this site appealing and authentic

Transparent color overlay allows for lots of photos space on the page and adds interest to the top navigation

The asphalt index integrates a Google Doc so itrsquos easy to update each month and still show a great graph of the pricing data The expandable and contractible yearly pricing breakdown is a great way to share the reference

Plant locations are easy to search by distance and address

Original photos color overlay integrated Google Docs and easy to use members map make this site a winner

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 6

Design 2 Fix Asphalt

WHAT MAKES THIS SITE STAND OUTThe consistent bold color of yellow is another visual element that stands out As you scroll down the homepage or click through the pages of the website yellow is there whether that be via the font picture or graphic bar

The initial background video pans and adds interest without being overwhelming It sets off the modern feel for the site

A long scrolling modern style home page does a good job introducing visitors to Fix Asphalt

The blog answers many commonly asked questions and undoubtedly helps Fix Asphalt rank well in Google

An animated video easily explains what they do

Home page video playing in the background and a bold yellow color modernize this site

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 5

The Maryland Asphalt Association Inc

Design 1

WHAT MAKES THIS SITE STAND OUTOriginal photos in the home page slideshow make this site appealing and authentic

Transparent color overlay allows for lots of photos space on the page and adds interest to the top navigation

The asphalt index integrates a Google Doc so itrsquos easy to update each month and still show a great graph of the pricing data The expandable and contractible yearly pricing breakdown is a great way to share the reference

Plant locations are easy to search by distance and address

Original photos color overlay integrated Google Docs and easy to use members map make this site a winner

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 6

Design 2 Fix Asphalt

WHAT MAKES THIS SITE STAND OUTThe consistent bold color of yellow is another visual element that stands out As you scroll down the homepage or click through the pages of the website yellow is there whether that be via the font picture or graphic bar

The initial background video pans and adds interest without being overwhelming It sets off the modern feel for the site

A long scrolling modern style home page does a good job introducing visitors to Fix Asphalt

The blog answers many commonly asked questions and undoubtedly helps Fix Asphalt rank well in Google

An animated video easily explains what they do

Home page video playing in the background and a bold yellow color modernize this site

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 6

Design 2 Fix Asphalt

WHAT MAKES THIS SITE STAND OUTThe consistent bold color of yellow is another visual element that stands out As you scroll down the homepage or click through the pages of the website yellow is there whether that be via the font picture or graphic bar

The initial background video pans and adds interest without being overwhelming It sets off the modern feel for the site

A long scrolling modern style home page does a good job introducing visitors to Fix Asphalt

The blog answers many commonly asked questions and undoubtedly helps Fix Asphalt rank well in Google

An animated video easily explains what they do

Home page video playing in the background and a bold yellow color modernize this site

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 7

Design 3 Blacktop Service Company

WHAT MAKES THIS SITE STAND OUTThe yellow bars on the navigation mirror the yellow lines on a road The characteristic makes the company stand out from the crowd of similar designs

A complimentary color pallet of yellow orange and dark blue are upbeat and easy to read with high contrast over the asphalt textured background

Icons representing each service are consistent throughout the site Starting on the home page and continuing on to the services and locations pages

Larger text is easy to read

A complimentary color pallet and consistent icons give this site eye appeal

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 8

Design 4 MampJ Asphalt Paving Company Inc

WHAT MAKES THIS SITE STAND OUTAnimated transitions ease visitors into each part of the site

Modern horizontal scrolling style is consistent throughout all the pages of the site Itrsquos more pronounced on the home page but still carries through to the interior

Professional videos accompany each of the slides on the homepage slider This goes above and beyond the industry standard of one video at most

Well developed projects gallery The photographs are tinted and faded which add a nice stylized design touch

The text is large and easy to read

Animated transitions video and consistent design elements set this site apart

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 9

Design 5 Missouri Asphalt Pavement Association

WHAT MAKES THIS SITE STAND OUTPops of color bring life to the overall darker color scheme The deep purples in the site offset the bright accents used for the titles and buttons throughout

The purple curve running along the header and footer of the website gives it a different feel from the others It is not a design element you see very often mainly because it is difficult to pull off correctly

Asphalt facts scattered throughout the site add interest and act as an educational design element The events calendar widget makes events easy to find in both a list style on the events page and calendar layout as well

The site search feature helps members find information easily Interactive members map sortable by category is interactive is easy to use

This set is colorful with great contrast and cool asphalt facts that draw visitors in

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanDesign 6 Missouri Asphalt Pavement

Association

WHAT MAKES THIS SITE STAND OUTHigh contrasting red on black buttons call visitors to action The original photos have a color overlay that stylizes the site and makes it easier to read text placed over the images yet leaves the images feeling colorful and fun

Rose Paving offers a downloadable resource from the home page which can help generate leads for the company

Pages are easy to read and consistently designed They did a nice job of bolding important content to keep your eyes moving through the larger sections of text This also makes sure visitors donrsquot miss an important piece of information buried in a paragraph

The more menu on the far right of the navigation is a clever way of sharing additional pages in the site Since itrsquos not a traditional solution not all users may be aware to click on the More link to find links to the additional pages

Red and black is hard to pull off this site makes it classy

PAGE 10

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanWish List What Wersquod Do Differently

Fix Asphalt

The one thing missing from the Fix Asphalt website is a portfolio page There are no pictures of finished products or the names of businesses from said finished projects Portfolios are important because it can be a decision factor for potential customers who visit their website

MampJ Asphalt Paving Company Inc

While cool in some instances I think they do go overboard with the transitions For example the drop down menu isnrsquot displayed instantly you have to wait for it to fade in which can lead to visitors abandoning the site

PAGE 11

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

gtltMust Haves

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 13

Must Have 1 Photos of Your Work

Quality images are mandatory

They show the quality of your work and the scope of your abilities Each page of your site should share related imagery The most visited page of any website is the home page The second most visited page if itrsquos available is a photo gallery Add photo galleries of work in progress and completed projects to your services pages and also group them for display on a page just for photos Call this page or section Our Work Completed Projects Portfolio or Photo Gallery

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 14

Must Have 2 Contact Information

Put your contact information front and center

Donrsquot make visitors dig for it Consider placing your phone number and email in the upper right corner of each page and also in the footer But donrsquot forget a contact page as well Contact pages are a staple on every site Itrsquos conventional to have the contact button last on the list of pages across the top of your site

On your Contact page and Services pages as well tell visitors who to contact for what Include a photo of your staff members with their contact information Visitors will feel more confident calling Bob whose face they have seen about their driveway project than calling a 1-800 number and being forced to navigate through a phone tree

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 15

Must Have 3 Testimonials or Reviews

Testimonials are a must Almost 9 out of 10 consumers looked at reviews in 2014 to help them make a decision on a local business according to Bright Localrsquos Consumer Review Survey And MarketingChartscom reported 68 of Millennials consumers age 19-35 trust consumer generated content including reviews almost as much as a referral from their friends and family

Mix them in with the content on your services pages and throughout the rest of the site where they fit best Donrsquot just leave them on a page all by themselves that makes the comments seem less genuine Include a name city or company and photo of the customer or project with the quote to build credibility

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 16

Must Have 4Seperate Residential and Commercial Services

Speak to each audience individually Instead of trying to speak to everyone in one broad stroke Residential and commercial customers often have different needs concerns and project types Address their concerns specifically and separately on different pages or sections of your website to build confidence and let viewers know you understand their situation

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 17

Must Have 5 Personality

Be proud of who you areBe you (professionally and personally) not who you think your custom-ers want you to be on you website Donrsquot be afraid to share awards yoursquove won photos of your staff their pets company picnics and the stories about your journey to the company you are today Highlight your community involvement and showcase logos of organizations yoursquore affiliated with like the BBB national organizations like NAPA state organizations and your local chamber of commerce

Donrsquot be afraid to show and tell people what makes you great I know it sounds corny Consider this if your website doesnrsquot tell your story then itrsquos just a boilerplate website of every other paving company out there And you donrsquot do what you do because yoursquore mediocre and just scraping it together You do what you do because yoursquore the best donrsquot be afraid to let that show

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

gtltPopular Trends

W E B S I T E Sfor

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 19

Trend 1 A Combination of Bright and Dark Colors

Red green and yellow with black or dark overlaysMany asphalt websites use the colors green red and yellow with dark pockets to emulate asphalt The bright and dark together do a great job of highlighting content and adding interest to the sites One thing all well design sites held in common was a complimentary color pallet to the companyrsquos brand Most choose a color to complement their logo and select a navigation bar to match

Rose Paving LLC stuck with the color red to complement their rose logo Most of the fonts and buttons throughout the entire website were in red

National Asphalt Pavement Association used a lot of green in their website They too had most of the header fonts in green but they also made their navigation bar that same color

Jim George amp Sons Asphalt Paving Contractors selected a mustard color to match their logo and represent themselves in their website

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 20

Trend 2 Road Lines

Maryland Asphalt Association Inc highlights the website trend of road lines well This not surprisingly seems to be a popular design element for asphalt and paving websites However it is no longer unique to the few websites who began the trend

Instead of solid blacklines dividing up their content on the homepage they used road lines This technique is carried through to the sidebars on other pages In addition the navigation bar has road lines underneath the name of the page you are on changing as you moved from page to page

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 21

Trend 3 Responsive Design

Today a ldquoresponsive designrdquo is popular important and essential Asphalt websites are following the online movement to create a more mobile friendly viewing environment A ldquoresponsive designrdquo means that the website is capable of adjusting from a desktop view to a mobile device And kudos to the progressive and responsible designers who are providing companies in the industry sites that will optimize well on Google and last longer before needing a coding refresh

ldquoFully 46 of smartphone owners say their smartphone is something they couldnrsquot live withoutrdquo said the Pew Research Center ldquoSome smartphone owners ndash particularly younger adults minorities and lower-income Americans ndash depend on their smartphone for internet accessrdquo

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 22

Trend 4 Animation

Hovering is old but still in styleldquoHover effects give a more intuitive feel to a site as users mouse over content Users unsure about a featurersquos function tend to hover over them automatically for instant visual feedbackrdquo said Jerry Cao at Awwwards

Missouri Asphalt Pavement Association uses hover animations to link to the other pages within their website Some of the links are obvious with the words underlined but some of the links require you to hover over the word before realizing it can be clicked on They also use animation to add interest to their home page by sharing a scrolling slideshow of images As do most of the sites already referenced

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 23

Trend 5 Galleries and Slideshows

Photo galleries and slideshows show up in nearly every website we visitedldquoGalleries and slideshows are an effective way to showcase multiple images without overburdening the usersrdquo said Jerry Cao at Awwwards ldquoThese are great for photography sites product showcases and portfoliosrdquo

Every single website that we mention in this article provides some type of photo gallery or slideshow showing off their finished projects award winning staff or past events

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 24

Trend 6 Long Scroll

Long scrolling pages have grown in popularity with the use of mobile devices to go onlineThis particular UI pattern makes creating a website with a responsive design much easier The layout usually includes one page with a lot of content on it divided horizontally with different background colors or divider lines There is generally larger text and image elements with a link to click and learn more for each section Both Rose Paving LLC and Maryland Asphalt Association Inc incorporated a long scroll user interface UI pattern into their websites

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 25

Trend 7 Original Photography

Stock photos are out and original photography is in Stock photos used to be the trend or maybe just the necessity but not anymore Original photography is appealing to visitors because they get to see an authentic representation of your office your employees and best of all your work Displaying original imagery is a way to attract visitors and allow them to get a sense of their company before even coming in One popular way to do this is to use galleries and slideshows to display your finished projects

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

gtltWebsite Pages

O U T L I N E

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

PROJECTS

ABOUT

-------------------------------------------- -------------------------------------------- --------------------------------------------

SERVICES

---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------

HOME

---------- ---------- ---------- ---------- ---------- ----------

SERVICE 1

------------------------- ------------------------- ------------------------- -------------------------

CONTACT

---------- ----------

SERVICE 2

------------------------- ------------------------- ------------------------- -------------------------

SERVICE 3

------------------------- ------------------------- ------------------------- -------------------------

Note If one of your goals is to rank well in Google for multiple service types put each service on its own page

Note There are two options with the layout of the projects page 1) Organize by date 2) Organize by typeservice PROJECT 1

--------------------------------------------------

PROJECT 2

--------------------------------------------------

PROJECT 3

------------------------- -------------------------

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

LOGOPhone Number

- -

Home About Services Projects ContactService 1Service 2Service 3

lt ltNote This is a big slideshow make sure to use professional imagery You may want to link each picture to a service page

Title of Service

AddressF T G+ Lnassoc assoc assoc assoc

Affiliations

Welcome to Company Name

Tell visitors what your occupation is and about your company

FEATURE 1

FEATURE 2

Note These features can be literally anything Examples recent blog posts awards completed projects These are designed to direct viewers into your website

Note These link to social media pages only use the ones you have accounts for

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

History

Tell your companyrsquos story

Mission

Staff

Note History and mission can easily be replaced with values or a general about

Note The staff section can feature your owners employees office etc

Explain why you do what you do

Name

Title

Contact (optional)

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Title

Contact (optional)

Name

Title

Contact (optional)

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

Service 1

Service 2

Service 3

Introduce the service

MORE INFO

MORE INFO

MORE INFO

Note The More Info buttons can direct visitors to each service page

Introduce the service

Introduce the service

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -Note Examples of services highway paving commercial paving residential paving chip seal amp asphalt maintenance etc

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

Project Title

Location

Service Type

Note This page will list all service projects from newest to oldest

Note When visitors click on a project they will be directed to the single project page where more information can be found

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note If one of the se services are clicked visitors will be able to view a page (just like this one) with only projects in that service type

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Project Title

Location

Service Type

Project Title

Location

Service Type

Project Title

Location

Service Type

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

Servicesbull Service 1

bull Service 2

bull Service 3

bull Service 4

bull Service 5

bull Service 6

Note This sidebar navigation works the same way as on the main projects page

Note When visitors click on a project from the main projects page they will be directed to this single project page

PROJECT TITLE

Describe the project in detail

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

Testimonials

MAP

Note This map can show your office(s)

Contact

Hours

Address

Phone Number

- -

Email

Monday-Friday

ldquo

rdquoName

Location

ldquo

rdquo

F T G+ Lnassoc assoc assoc assoc

Affiliations

LOGO

Home About Services Projects Contact

Address

Phone Number

- -

Name

Location

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspanYOUR TURN

KEEP MOVINGCONTINUE BUILDING YOUR BRAND BY MAKING YOUR

MARK ON THE WORLD WIDE WEB

PAGE 34

bull Find a person you can trust to build your new site

bull Interview for results and find the right web designer with the help of our Design Company Interview Guide

bull Learn the lingo and go prepared with 32 must-ask interview questions to make sure you donrsquot hire a crappy design company

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtltflexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibilitygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ltinfoMayeCreatecomgtltMayeCreatecomgtlt 700 Cherry St Columbia MO 65201gtparam name= ltul id= ldquoper-perfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquorespectrdquogtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

ldquotrustrdquogtltul id= ldquofamilyrdquogtltspan class= ldquostrategyrdquogtltspangtltdivgtltcollaborationgtltpromotegtltdiv id= ldquoopenrdquoltpromotegtlt-flexiblitygtltdiv id= ldquoreliabilityrdquo class= ldquofamilyrdquoltspan class= ldquointegrityrdquogt respect one anotherltspangtltclassgtltdivgtltflexibili-tygtltprocessgtltimg scr= ldquologojpgrdquogtltdiv class= ldquoopenmindednessrdquo lta herf=mayecreatecomgtltdivgtltprocessgtltpartnergtltspan class= ldquopriderdquogtlt-Stop whining start designing-gtltdiv id= ldquoskillrdquo class= ldquopreformancerdquogtltobject width= ldquo700rdquo height=rdquocherry streetrdquogt param name= ltul id= ldquoperfectionrdquogtltgtspangtltdivgtltdivgtltpartnergtltcollaborationgtltdiv id= ldquoteamworkrdquo class= ldquore-spectrdquogtlt-Delivering creativity with purpose and pride-gtltul id= ldquoopenrdquogtltspangtltdivgtltcollaborationgtltul id= ldquopriderdquogtltspan

PAGE 35

CONTACT US

CONSIDERING MAYECREATEContact us for a free initial consultation to talk about how you can use online marketing to grow your business

573-447-1836infomayecreatecom

wwwmayecreatecom

D E S I G N

ma

ye c r e a t e

w w w m a y e c r ea

t ec

om