How to redesign your small business website – Like a Pro!

If you’re a small business owner you’re probably wondering whether it’s time to re-invest and re-design your small business website because your website:

  • Has become outdated and needs change
  • Is not creating enough sales leads and has become stale
  • Creates leads but is still not maximising its potential
  • Doesn’t reflect your business today
  • Needs have changed

A lack of sales leads is probably the most popular reason to redesign a website but it’s not the only reason.

Some well performing sites need a redesign because they’re outdated in technology.

Some need a redesign because they’re outdated in style.

And some need a redesign because bigger business problems lie within the website.

And some redesign for the sake of change.

I’ve encountered all of these scenarios plus more and helped clients to redesign their websites to solve their problems specifically.

So now I’m going to share with you the process of redesigning your small business website like a pro.

This article will guide you through your website redesign step by step and use tools to identify all problems, big and small, to come up with a solution that improves on your last website iteration.

This guide may get technical in places or use industry terms but the idea behind it is to help anyone, whether you’re a designer, web developer or small business website owner with no technical knowledge, to plan, prepare and execute the redesign of your website (or someone else’s) with strong results.

Let’s gets started.

1.Budgeting and starting your small business website redesign

When it comes to redesigning a website, small businesses often:

  • Scrimp on expenditure
  • Hire cheap web designers
  • Don’t do the research and hire an expensive and bad web designer
  • Get no ongoing support

The result will be a stale website which does nothing for the business.

Now it’s time to reinvest into your website so you don’t want to make the same mistake twice. To solve, take a realistic look at your budget.

Once we get going you may discover that your website needs a lot more work than originally expected.

A good website redesign is not just about a visual redesign, it’s about redesigning your website to make a better online tool overall.

It may require some big changes and we’ll be digging deep into your website design to reveal hidden problems, maybe lots of them.

But don’t let that or a budget put you off of redesigning your website.

At the end of the day, it’s up to you, how much you can invest in the redesign of your website.

Whether you have a low set budget or a high set budget, a flexible budget or no budget, you can read this guide and still plan and improve your website redesign.

The only real difference that the budget will make is factoring how much work you yourself or your chosen service provider will do from this guide.

This is a practical guide to redesigning your website so its practical to think about the costs associated with it.

Ask yourself, “What is the budget for your website redesign and how flexible is it?”

small-business-website-redesign

In addition to your budget, you need to consider a timeframe for the completion of the project.

What’s the project timeline for your small business website redesign?

Without speaking to a web designer, you may not know what is and what’s not doable within a given timeframe but if you can set out your own preferred end date, it’ll help to put the project into perspective with an end goal.

Be flexible and change your timeframe if needed, but once decided, be sure to create a solid deadline and stick to it to keep up the momentum of the project.

Who’s responsible for the project?

Lastly, you need to put into position anyone who’ll be dealing with the website redesign if it’s not you.

This could mean:

  • Who is the point of contact to handle the redesign internally?
  • Who will you hire to carry out the actual website redesign (which designer/developer?)

Be careful in your selection as you can easily hire the wrong person for the job.

Some studios talk the talk but can’t walk the walk.

Some freelancers may drift off of project.

And a lot of agency’s take your cash and outsource your work abroad, creating a muddled website and ultimately extending your deadline tenfold.

It’s not about the amount of money paid that results in a bad job.

It’s down to poor communication and a lack of deliverables carried out by a poor choice of service provider.

ACTION: Write down your budget and timeline now.

Even if you have no idea what it should be, just write down something.

In doing so you’ll have overcome the hardest part of a website redesign which is making a start.

2.Identifying the need to redesign your small business website

Website problems could be:

  • Big, overarching problems like a lack of enquires
  • Or small and specific problems like users phoning you for information instead of using your online form.

They’re all problems that need addressing but before we can do that we need to actually identify them as problems.

To solve, do an internal audit.

Look at any and all problems with your current website and ask your staff (if any) what problems they have with your website.

Their opinions may differ to yours revealing hidden insights.

ACTION: To begin, create two lists titled big problems and small problems.

And write down all of the website problems that you and your staff think you have.

It doesn’t matter which list the problem goes into.

Dividing the list into big or small problems will make you think about problems of all sizes with regards to your website, not just overarching ones which is what most people do.

E.g.

Big & Generic problemsSmall & Specific problems
Lack of sales leadsUsers are calling us instead of emailing us
Website loads slowlyA lot of users are asking us the same specific questions
Website is not mobile optimisedWe don’t have a team page on the website
Inability to make small updates internallyWe want a map on the website
Website looks oldSome links are broken
Users find it hard to useSome text pages need amending

Each big problem on the list has a solution but the problem may be occurring for a smaller reason or a combination of reasons.

By identifying the generic problem, you can drill down and identify all connected issues to that particular problem.

E.g.

Big & generic problemReason for problem?
Lack of sales leadsAre the website forms working?
Are the forms badly designed?
Is the content leading to the form poor?
Is the call to action poor?
Is the website, page and form targeting the right user through the content and design?
Are the right people seeing the website, page and form?
Is it the overall page design that’s leading to a lack of enquires?
Is our branding putting users off?

All of these issues plus more could be relative to a lack of sales enquiries but this list of possibilities allow you to start investigating the size of problem and determine how easy issues can be fixed.

For example, fixing a broken form could be relatively quick and easy job, solving your problem immediately.

But if it’s a deeper problem like the poor design of an actual page, it will take longer to solve.

Lastly, the problem could be bigger, reflecting your business branding and positioning on a whole resulting in an overhaul of your marketing communication.

In the end it could be a combination of them all.

Drill down on each listed problem to find the specific causes of those problems.

You might end up revealing deeper issues that are affecting your website overall.

Or you could reveal a solid set of possible solutions that could improve your website with minimal effort and minimal cost.

In any case, doing the above will reveal real problems, solutions and some scope of work for your website redesign, indicating a better idea of what timeframe and budget is needed.

If you can’t audit your own website then get in touch and we’ll do it for you?

3. Analysing behavioural flows for a website redesign

The above “problem finding task” is a great way to get started but it has two big flaws:

  • All of your listed problems derive from you, the website owner and your staff, not the website user
  • Most of the problems related to your users are assumptions, not facts.

As the website owner, it’s common for your website to be originally designed around your own wants, requirements and assumptions.

These assumptions are the best way to get a website up and running on a low budget but are usually wrong in the long run.

It leads to scenarios were websites have no enquiries or are poorly designed and in the end a website redesign is what’s needed to restore purpose to your small business website.

To solidify the problems and assumptions found in task two, and to discover your user’s problems, you can use Google analytics behavioural flow tool.

To do so you must have google analytics installed on your site.

Ask your web designer/web developer to install it.

If you can’t manage that, get in touch with us and we’ll help you do it.

Google Behavioural Flow

Google analytics tracks user’s activity within your small business website and presents it to you in the form of numerical data.

E.g.  How a user entered your site, how long they spent on a page, what device they were using and etc.

One great feature is the behavioural flow chart.

behavioural flow chart
Google Analytics behavioural flow chart highlighting landing pages, pathways and drop off points

In addition, Google provides a flow chart of common pathways that users take through your site, including information such as:

  • Where a user entered your site (Landing page/Entry point)
  • What page they visited next (Navigational flow)
  • And so on and so forth until they left your site (Drop off point)

If the user has a short journey from one landing page but a longer one from another, you can ask:

  • What page did they enter from?
  • Did they drop off immediately? If so why? Was there nothing to click?
  • Did they click and continue? If so what page did they go to next? Or what button stood out to them to make them click?
  • Did they drop off at the next page? If so why?

The drop off point shows insight into where your users are leaving your website because it was deemed as the end of the pathway for them.

Their reason for leaving your site could be negative or positive such as:

  • They reached an enquiry page, submitted a form and left
  • They didn’t find anything else worth looking and left
  • They reached a dead end and left

In the end, the problem is that they left!

Analysing the behavioural flow and identifying pathways and drop off points allow you to plan a solution to re-prioritise and re-structure content to keep users on site.

This can be implemented with new design elements and marketing techniques to create an improved sales journey that coerces users to:

  • Reach the destination that they want to reach
  • Reach the destination that you want them to reach
  • Stay on your site longer and explore more

This is a great tool for redesigning a website based on your website user’s actions.

4. Testing users for your small business website redesign

Now you have some internal requirements for a website redesign, and some inner knowledge on what users are doing on your website but you don’t have user opinion or specific user demographics.

Google has helped to solve some content, design and structure issues but you still don’t know:

  • Who each user is?
  • Why they came to your site?
  • What they were looking for?
  • How they ended up on your site?
  • What they thought of your site?
  • What their natural reactions were?

Revealing this information will help us to get specific with the website redesign, focusing the redesign on your target audience who are more likely to visit your site and take action.

To get this information you need to do some unbiased testing.

ACTION:Define and collate a specific set of test users i.e. Stakeholders. and source them for testing.

stakeholder testing
Stakeholders could be investors, directors, employees, the public, suppliers, or anyone sharing an interest in your website/business

The testing task should involve:

  1. Letting users naturally navigate the site without direction to ascertain their natural actions and decisions.
  2. Conducting a survey relating to:
    • Their actions and decisions
    • Design interface
    • Branding
    • Navigational flow
    • Problems that you think exist
  3. Asking if users had a goal whilst visiting the site and whether they reached their goal? If so, how easy was it? If not, why not?
  4. Create a goal. Give the users a task to complete on your website and see if they can complete it. Again, ask how easy was it? If not easy, why not?

The key is to:

  1. Identify hidden insights related to the user interface by monitoring user’s natural actions
  2. Test your user’s ability to navigate your website with an unbiased opinion or direction
  3. Test your user’s ability to navigate your website with a specific goal in mind
  4. Collect all results including your users unbiased opinions, first impressions, logic and reasoning.
  5. Simulate a natural, uninterrupted browsing experience

The results should reveal:

  • Missing content
  • Website problems/errors
  • Reasons why users did not take action
  • Dead end user flows
  • Interface problems
  • Peoples real opinions and issues with your site
  • The credibility of your branding
  • Your real market position
  • Natural psychological reactions to your sites design, branding and interface

You probably noticed that I used the words “unbiased, natural, uninterrupted and opinions” quite a bit in this section.

Don’t influence the user with either the designer’s opinion or website owner’s opinion of the website.

Don’t let the user have a pre-judgement or expectation of your website.

Collate true feedback from an average user and record any common thoughts on the website and design.

These testing rules create honest and realistic opinions and results as opposed to egotistic, biased, premeditated and unfocused results.

You’ll have a whole heap of data showing you why you need to redesign your website and how you can redesign it to make it a better browsing experience for the user, and a more effective sales tool for your business.

Testing only ten users may not be enough to get a quantifiable answer to your website problems but you’ll be surprised as to how much info just ten test users can give.

And coommonalities that their answers share are definite issues to look at, whether they be positive or negative.

5. Answering problems by Analysing competitor’s websites

Now you have evidence of all your website problems, it’s time to look at solutions.

These solutions could include the need for:

  • New or missing content
  • New sections
  • A rebrand
  • An improved UX design
  • New website functions
  • A better sales journey
  • A change of your selling strategy

Before coming up with ideas and implementing solutions you need to look at your online competition.

When designing a new website, I believe that competitor analysis provides a guide to what works, what doesn’t but more importantly how you need to differentiate yourself to compete as a brand-new website.

For a website redesign, competitor analysis is still just as important but also very dangerous.

At this stage, where your website needs improving and redesigning, it’s easy to look at your competitors and simply copy what they’re doing.

It may seem like a full proof idea but it has two big drawbacks.

  1. You’ll lose your differentiation and become a cheap knock off, a secondary option rather than a primary alternative.
  2. You don’t know how well any part of your competitor’s website is performing?  You may be imitating something that doesn’t work.

When looking at the competition remember that your website is not being redesigned to imitate them but to one-up them or differentiate from them.

The best way to be inspired by the competition is to look at your competitors, at least five of them and:

  • See if they’ve answered any of the problems your facing and how they’ve done it
  • Take snippets away from what they have done to improve your own website redesign.

Take what you’ve learned from the competition and improve on it in your own way.

But don’t imitate them.

differentiate your website redesign
Don’t imitate, differentiate

Competitor research can also include SEO and keyword research.

It will help you to better position your business online and reveal how big the competition may be.

It can unveil alternate ways to penetrate the marketplace maybe with a smaller budget and give an improved insight as to how you can accumulate new users with new content or new website features.

Your goal is not to copy, imitate and become a competitor.

Your goal is to learn and differentiate so you don’t have to compete.

6. Rebranding your small business website and business.

I’ve worked on many website redesigns were the problem was not just with the website design, the problem was with the logo design, the colours used, the brand positioning, the brand language and basically everything!

The business brand was wrong, hence why the website and everything else was wrongly positioned and creating poor results.

Redesigning the website was not the key to recovery.

The brand needed a major overhaul and redesigning just the website will lead to a new website that looks and works incredibly well but is held back by crusty old logo design and a brand that nobody is interested in.

To make the right step moving forward, look back at your surveys and results, and look at what brand elements need redesigning because there’s no point in spending cash trying to fix a website when the brand itself is the overarching problem.

Take this opportunity to revisit your branding and audit it.

branding-for-website-redesign
Brand strategy elements to consider in a website redesign

Look at each element and redesign as necessary:

  • Brand proposition
  • Brand Name
  • Logo Design
  • Brand colours
  • Brand Imagery
  • Brand language

Each one should be tweaked or redesigned completely according to your current position and user feedback.

Each one should also be consistently used across your new web design.

The brand strategy and brand design should populate your redesigned website and create a unified system of design that resonates with your users.

We refined and defined HipScis brand elements when redesigning their website
We refined and defined the HipSci brand elements when redesigning their website

7. Creating an Information Architetcure for your small business website

Your next action is to create an information architecture document, a file which uses the evidence you have so far to design your new website on paper via tables and charts.

A behavioural flow chart depicting a specific users journey though a site
A behavioural flow chart depicting a specific users journey through a site

The document will:

  • Identify stakeholders and outline their behavioural flows and journeys through your new website.
  • Re-plan your current content and find place for your new content
  • Structure content and page hierarchy
  • Detail user roles and user permissions
  • Detail user access to restricted content
  • Create a sitemap and navigational map
Sitemap created for information heriarchy
Sitemap created for information hierarchy

ACTION: To create an IA document produce lists, tables and charts that display:

  • All webpages that should be on the site
  • The importance of each page
  • Menus and links
  • Which menu each page should go on (if any)
  • How to get to any given page.

The above will blueprint your website to a degree.

The information architecture should also layout the design with wireframe mock-ups, colourways and typesetting, piecing together the new website redesign.

Wireframes and colourwyas for website redesign
Wireframes and colourways for website redesign

It will be your first glimpse at what all the research and planning is amounting to.

8. SEO implications & structure for your website redesign

Making any sort of changes to a website can affect its search engine rankings so before you start redeveloping your site, live, online, you’ll need to consider what effect if any the redesign will have on SEO you’ve done in the past.

Your website SEO will be affected if your website redesign entails:

  • Changing any page URLs
  • Changing existing content
  • Changing any of your existing website structure
  • Changing your domain name or file structure

Look into your own website rankings prior to any development and audit your websites SEO, paying particular attention to high performing pages.

Cross check these pages with the changes you’re making in the website redesign and information architecture, and ascertain whether these pages will be affected or not.

The great thing about SEO is that if a high performing page could be affected by a website redesign then you can use SEO techniques to take action and counteract those negative effects.

However, due to the secretive and unpredictable nature of SEO, you sometimes won’t know the full impact of any changes until they happen.

Its best to look into SEO implications beforehand to plan and implement counteractions just in case.

9. Creating your website redesign mock-ups

Now let’s get down to the nitty gritty and actually start visually redesigning your website.

Everything we’ve done so far should determine:

  • What the site should look like
  • What content goes where
  • What language it uses
  • The system of design i.e. colours, typography and design hierarchy
  • The layout of the page content via wireframes.

All we need to do now is bring those wireframes to life with full HD visual mock-ups.

wireframe to full hd mockup
Wireframe to full HD mock-up

Mock-up designs confirming design decisions, expectations and literally proof the final design before development begins.

It’s a chance to refine the smaller details and fill in overlooked areas, incorporate best practice and reveal problematic areas prior to developing the site live.

This phase of the project fulfils your requirements and stamps out any final problems.

Flat jpg files with real content are the best way to start mocking up your initial homepage design.

After finalising, move onto a secondary level page mock-up and then any additional special pages.

Review, tweak and sign off on one page at a time to steadily reach your goal in incremental steps.

10. Developing your redesigned website

I like to develop websites on the hosting area within the actual domain to keep transferring issues to a minimum.

It provides a chance for the website owner to see the very final version of the site in a live environment.

However, for a website redesign, this may not be possible as the old site could still be up and running.

Using a staging area to build the site is the best alternative and allows you to fine tune the site after its been developed but using a staging site can also slow down development as there’s no immediate rush to complete the work with the old site still up and running.

Now the timeline we set in task one comes into play.

Try and be strict with the development timeline to ensure both parties, developer and business owner keep momentum and morale for the project high.

This stage is close to the final hurdle so it would be a shame to drift off course when you’re so near to completion.

Start by Implementing the framework and developing the homepage design.

After doing so move onto secondary pages and special functions.

Develop each part of the site section by section in stages to ensure a rigid workflow that guarantees completion.

11. Test your redesigned small business website

Once the site is up and running, test the site again, if possible with the same set of users as before.

Repeat the tasks in step 4 and record results.

Look at anything that can be tweaked or any new problems that have risen at this stage and implement solutions.

12. Get support & launch

Once all testing and final changes have been made…. launch immediately.

In fact, don’t even wait to make changes, launch immediately at step eleven above.

Your website will never be perfect and will constantly need tweaking so there’s no point in trying to get everything right in order to launch.

Just launch and deal with new issues as you go.

And to do so get support.

You’ll need support to manage the technical side of the site, adhoc webmaster duties and to carry out any creative changes.

Get a support service and use it.

In doing so you may find that you’ll never have to do a website redesign again because you’ll be doing it on a constant basis.

Conclusion

Remember. You’re not building a brand new small business website.

Redesigning a website is not the same as initially designing a brand-new website.

When you build a brand-new website it’s often based around you the website owner and your own opinion of what your website should:

  • Look like
  • Contain
  • Function as

Guided (or dictated) by a web designer and web developer, the initial design is a great way of getting your first website online with a low budget but that’s not where it should end.

Your initial web design should be a foundation for you to build upon so remember…

You’re redesigning a small business website

When it comes to redesigning a website, you’re dealing with a pre-existing platform.

One that’s already an online tool.

The goal here is not to get something up and running, it’s to improve what’s already there.

You may say that this whole process is a little intense for a small business website but it’s not because a small business website might not be a small website.

Likewise, a small website might not be that big but generates huge profits.

Therefore, the size of a website or the size of a business actually has no relevance when it comes to redesigning a website.

The end goal is to improve on what you have and the method I’ve described above does just that.

It removes any inclination of ego, opinion or guesswork to get the best results for a website redesign regardless of its size.

The key is to use logic and data to make design decisions.

This results in a website that’s redesigned with improved aesthetics and functionality as opposed to a website that’s redesigned off of gut instinct.

I run a branding and web design studio in the Romford and Hornchurch area of Essex UK and I can say that every website redesign is different, posing different problems which need different solutions.

Do you need help redesigning your website?



Leave the first comment



Subscribe for top tips on Branding, Marketing & Design

Mailchimp

Close