website building guide for asphalt and paving companies · website building guide for asphalt and...
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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
- -
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