{"id":28295,"date":"2016-10-24T21:01:17","date_gmt":"2016-10-24T13:01:17","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=28295"},"modified":"2023-04-06T19:22:57","modified_gmt":"2023-04-06T11:22:57","slug":"web-design-for-small-business-services","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/web-design-for-small-business-services\/","title":{"rendered":"Small Business Web Design for Service Industries: A Guide"},"content":{"rendered":"

Small businesses<\/strong> are the engines of local economies, all of them with their own unique client base and goals. Designing websites for them requires specific strategies<\/strong>.<\/p>\n

These days most small businesses operate in service industries<\/strong>, or with other words in the tertiary sector of the economy<\/strong>, such as restaurants, plumbers, beauty therapists, lawyers, and others \u2014 they also make up the majority of clients for freelance web desiners.<\/p>\n

In this post, I\u2019d like to share some tips that can help you design high-converting service industry websites<\/strong>. There\u2019s no such thing as the perfect website but there are trends you can adopt to make a design much more targeted to a particular audience<\/strong>.<\/p>\n

\n\t\t\t\t\tRead Also:<\/strong>\u00a0\n\t\t\t\t\tBoost Your Small Business with Visual Content<\/a>\n\t\t\t\t<\/p>\n

Highlight contact details<\/h2>\n

I mention the contact info<\/strong> first, because for most service businesses this is the most important feature. Whether the site is for a lawyer, accountant, plumber, taxidermist, or astrologer, the shared goal for all of them is to drive more business<\/strong>.<\/p>\n

Some visitors may use a website to learn about a company<\/strong> and what type of services they offer, but other visitors may want to find a quick way to get in touch<\/strong> and set up an appointment<\/strong>.<\/p>\n

You need to place contact details in an easy-to-recognize position<\/strong> without dominating screen.<\/p>\n

Example 1: Hansen Heating & Air<\/h3>\n

Take for example the Hansen HVAC website<\/a> that uses colorful banners and graphics<\/strong> to grab your attention.<\/p>\n

In the top-right corner you\u2019ll notice two banners<\/strong> that sit adjacent<\/strong> to each other. The first banner offers a telephone number<\/strong>, while the second banner links to a contact page<\/strong>.<\/p>\n

Both are viable options to get in touch and schedule an appointment, but some customers may prefer e-mail over telephone (and vice-versa). Offering both<\/strong> leaves the choice up to the visitor which ultimately puts the power in their hands<\/strong>.<\/p>\n

\"Hansen<\/a><\/figure>\n

Example 2: Reginelli\u2019s Pizza<\/h3>\n

Visitors get even more info<\/strong> in the header of Reginelli\u2019s Pizza<\/a> website. The logo sits firmly in the center with two primary sections for contact info<\/strong>. The left side features hours of operation<\/strong>, and the right side offers a quick store locator<\/strong>.<\/p>\n

\"Reginelli's<\/a><\/figure>\n

Once you select the location, you\u2019re given a live map view<\/strong> of that branch location plus the store\u2019s telephone number.<\/p>\n

\"Reginelli's<\/a><\/figure>\n

Always consider the user experience<\/strong> when you design something like this. Contact details should be the first <\/strong>one on your list of priorities, and always be located above the fold<\/strong>.<\/p>\n

How much information you give, depends on your industry<\/strong>. For example, if a plumbing business doesn\u2019t have a main office then the postal address may not be as valuable.<\/p>\n

In many ways this boils down to common sense. Place yourself in the shoes of your visitors<\/strong> who just know a company name and only want to find answers to their questions. These details should be prominent, and even the easiest items to find<\/strong> on the page.<\/p>\n

Feature your services<\/h2>\n

There will always be visitors who aren\u2019t exactly sure<\/strong> what your company does. For a large pizza restaurant this may not be a problem. But compare this to an HVAC<\/abbr> company or an SAP<\/abbr> data specialist, and now you\u2019ve got visitors who probably have questions<\/strong>.<\/p>\n

Text<\/strong> is always good, and detail<\/strong> is always valuable. But at first glance you may need to offer visuals<\/strong> in lieu of lengthy paragraphs.<\/p>\n

Try to use photos, icons, and customer testimonials<\/strong> to sell the service quickly. This content will never replace a detailed breakdown of the service, but it can encourage new visitors to dig a bit deeper<\/strong> into the website.<\/p>\n

Example 1: Joe\u2019s Crab Shack<\/h3>\n

Take a look at the home page for Joe\u2019s Crab Shack<\/a>. It uses a fullscreen photo of sample platters to encourage browsing<\/strong>, and help sell<\/strong> the restaurant. The maxim \"show, don\u2019t tell\"<\/strong> applies here. When designing a service business website, I would always encourage showing visitors what you do<\/strong> before telling them.<\/p>\n

Photos are the best means of visual communication because they\u2019re real and immediate<\/strong>. And they don\u2019t always have to show off the products to be effective.<\/p>\n

\"Joes<\/a><\/figure>\n

Example 2: Massage Therapy Center<\/h3>\n

The Massage Therapy Center<\/a> uses a photo of a client along with the exterior of the building. These two photos work well together because they help sell two different ideas<\/strong>:<\/p>\n

    \n
  1. What this company does<\/strong><\/li>\n
  2. Where it\u2019s located<\/strong> \/ what it looks like<\/strong><\/li>\n<\/ol>\n
    \"Massage<\/a><\/figure>\n

    People want to see \"real world\" photos<\/strong> so they know the company is legit<\/strong>, and what to look for<\/strong> if they show up to the office location in person<\/strong>.<\/p>\n

    There\u2019s plenty of good reason for designers to learn photography<\/a>, but even if you\u2019re not a pro you can still decorate a business page<\/strong> with photos from a smartphone. And there\u2019s no shortage of free stock photo resources online either. I\u2019d encourage all designers to give high priority to visuals<\/strong> in their business projects.<\/p>\n

    \n\t\t\t\t\tRead Also:<\/strong>\u00a0\n\t\t\t\t\t40+ Websites to Download Royalty-Free Images<\/a>\n\t\t\t\t<\/p>\n

    Powerful branding<\/h2>\n

    People often remember small businesses by their name<\/strong>. Recommendations and local Google searches often turn up the same names<\/strong>. Building a brand around these names will help sell people on the services and on the people behind the business.<\/p>\n

    Recommended Reading:<\/strong>\n Why Proper Brand Design is Important<\/a><\/p>\n

    Example 1: Williams Mechanical<\/h3>\n

    Williams Mechanical<\/a> has some incredible branding for such a generic name. While the name itself may not be memorable on first glance<\/strong>, it can grow on you<\/strong> thanks to the smart vector icon and the stunning typography<\/a>.<\/p>\n

    The website uses big broad colors and text effects to draw your attention to the logo<\/strong>. It stands out because it\u2019s meant to stand out<\/strong>. And this is crucial for service businesses.<\/p>\n

    \"Williams<\/a><\/figure>\n

    If customers remember the name<\/strong> \u201cWilliams Mechanical\u201d, they\u2019ll be more likely to search for them<\/strong> in the future, and they\u2019ll be more likely to recommend them to friends<\/strong>.<\/p>\n

    Also the blue, yellow, and red colors set up a clear color theme<\/strong> that relies on ribbons and faux perspective throughout the layout. Angular shapes break up the content<\/strong> so that the layout flows nicely down the page.<\/p>\n

    2. Brown\u2019s Court Bakery<\/h3>\n

    For a much simpler example, check out the website of Brown\u2019s Court Bakery<\/a>. This layout uses grunge lettering and minimalist design patterns to keep visitors focused on the content<\/strong>.<\/p>\n

    Typography plays a much larger role<\/strong> here where the only prominent visuals are the page photos. Everything else falls in line with unique font styles and clever use of whitespace. But this minimalist design is part of the overall branding<\/strong> for the bakery.<\/p>\n

    \"Browns<\/a><\/figure>\n

    Play to the strengths of the business, and be willing to adapt your design strategy<\/strong> based on existing branding if needed.<\/p>\n

    Action-based navigation links<\/h2>\n

    Create a navigation menu that targets the needs & wants<\/strong> of a typical visitor. These links could relate to specific services offered or more information about the company & its location. The goal is to consider what clients want to learn<\/strong>, and to present links with labels that make sense<\/strong>.<\/p>\n

    Example 1: Benold\u2019s Jewelers<\/h3>\n

    Benold\u2019s Jewelers<\/a> is a local jewelry shop offering bridal jewels, fashion items, and repairs. Their navigation menu clearly defines these sections<\/strong> along with other common areas like the pricing page.<\/p>\n

    \"Benold's<\/a><\/figure>\n

    Consider what each visitor might be looking for, and tally up the most common ideas<\/strong>. Your goal should be to offer the best solutions<\/strong> for each customer based on their individual needs.<\/p>\n

    Example 2: The Great Divide Campground<\/h3>\n

    By splitting content<\/strong> into more generic topics, the user has an easier time sorting through what they want to find (and how to find it).<\/p>\n

    These are all very strong actionable links<\/strong> based on what readers need to learn. There\u2019s no ambiguity<\/strong>, and most visitors should be able to answer their own questions based on these navigation links.<\/p>\n

    \"Great<\/figure>\n

    And that\u2019s really the goal of any website: to provide information to questions<\/strong>. Service businesses need to answer questions clearly<\/strong> because that information isn\u2019t likely to be anywhere else on the Internet. This is why a strong, clearly-labeled navigation<\/strong> is a must.<\/p>\n

    Wrapping up<\/h2>\n

    These tips should get you on the right track to building high-quality service business websites<\/strong>. It\u2019s never been more imperative for local businesses to launch their own websites, and the Internet is only growing in popularity.<\/p>\n

    Whether you\u2019re designing a site for your own business or working with small business clients, these tips can be applied to all industries to encourage growth & online client acquisition<\/strong>.<\/p>\n

    You might also like:<\/h3>\n