Website Redesign (shot 2)

Following on from my previous post, here you can see pretty much the whole of the home page.

Underneath the hero section the first thing we have is a scrolling list of testimonials (it doesn't automatically scroll as that can be annoying for the user. Instead I have set up an interaction that slides the carousel left or right depending on the position of the mouse). These testimonials are social proof - they show that there have been lots of people who are happy with my work in the past. Rather than just having a quote and their name I've included a photo of them as this helps create a feeling of authenticity and again, more trust.

I then outline my working process in 6 steps. I chose to go with a card UI for quick and easy digestion - using headers so this section can be scanned and not fully read if needs be. I then have a quick paragraph on cost as that's usually the first question I get asked.

Then I showcase my two most recent projects (which will automatically show here because of how amazing the #webflow CMS is). So the user knows what I do, knows people love it, understands the process of how we will work together and now they're probably wanting to see some of the actual work. These projects link through to their own case study page which we will cover later.

Finally we repeat the call to action. Always repeat the call to action. At this point the user might be thinking "yes, let's do this" and if there's no button there for them to click, that's annoying for them. So we have another call to action and this time we have a little more room for information so we can expand on it a little. I chose to go with "Start your project today. Let's have a quick 30 minute video call (free of charge) and see if we're a good match." So I'm being clear on exactly what's going to happen - it's a video call, it's 30 minutes, it's free and there's no pressure to take it any further if they're not comfortable.

Tom Piggott
Bristol based UI Designer & Webflow Developer

More by Tom Piggott

View profile