Business Websites 101: Get More Conversions

– Website design is all
about form and function, kinda like a green Lamborghini, a lime green Lamborghini of all things. Is that more form or is that
more function, I don’t know If you want your site to be like a Lambo, do you want it to be like a Ferrari, do you want it to be like a
Mercedes Benz, or a Prius? So in this video we’re gonna teach you about how UX and UI design can
help drive more conversions. I’m gonna code and build up a page, I’m gonna show you a before
page, and an after page. (silly music) UX stands for user experience, and UI stands for user interface. We’re gonna show how UI and UX can help drive more
conversions for your business. When figuring out the
information architecture of your website, just consider that it’s like
a conversational dialogue. What do you guys do, and
who else uses your company, and how I can use your company? How is your company even
validated, or how do I sign up? There’s a whole process
that people go through in their minds when they’re
learning about a new business. Same applies to the website design, and the overall user interface. The first thing that we do
is show some of the features, some of the benefits, and then we get directly into
validation, the social proof. One of the most important
things on your site is a clear call to action. Always have the last panel of your website be a strong call to action. If you have two ideas for home page, try to get both of those done, and then A/B test to figure
out which one converts better. There’s tools like Optimizely, and even Google Optimize, which is free, which will help you A/B
test your landing pages, based on some specific conversion rate. So one of the things that I wanted to take
you through right now is actually the full re-haul
process of building up a page. One of the decisions that we made was instead of completely
re-hauling our whole website, we decided to do an iterative process. Starting with the home page, we started to deploy pages. And the reason why we did this is so that we can slowly
migrate over to our new website. Iterate our site page by page. Just so that we could get it done faster, get more feedback, and
make more improvements. Our features page is
one of our older pages. The funniest thing about this page, thumbnail graphic of me with
my eyes completely closed. We never got around to
customizing the thumbnail graphic, it’s actually the first
frame of the video. So it kinda looks like I’m meditating. This page is a little bit flat, it’s some of our older colors, the spacing is a little bit off, there’s not sort of a clear
distinction between modules. So we’re gonna give you a before and after of updating this page. (jazzy music) I’m actually gonna get into the code, but that doesn’t mean that
you need to do it this way. In this day and age, there’s
so many landing page builders, there’s so many website builders, WordPress is a great resource. You’re a small business, there’s companies like Wix, or Squarespace. (jazzy music) As I’m building this page up, I’m also testing the page load time, and I’m seeing that the page
actually loads really quick because all the code is
minified, and it’s streamlined. We’re using Edge caching
for our file hosting. Fast page load time will
really help you with your SEO. Google gives higher rankings
to pages that are optimized, for mobile, and fast load speed. (jazzy music) So I just finished building
up the new Dubb features page, which I’m kinda proud of, it’s got a really strong
header message on top, really punches in with some
key bullets of what we are, what we offer, show us some
of the key distinctions of some of our features, but then also really what
the true benefits are. It’s not about features,
it’s about benefits. What are the problems that your solution can solve for people, and how can it make their lives easier? How can it make them more
money, how can it save time, how can it alleviate some
sort of a pain point? We really pushed in hard on
a lot of the value point, and the ways that we can truly help. There’s lots of screen shots,
there’s a dashboard shot, social proof, there’s
an integration section, of course it always ends
with a strong call to action. So all these updates from the
branding to the UX to the UI, to the information, they’re
gonna help people to understand what Dubb is and how it
can help in their business. Of course we’re gonna A/B test this, and like with anything on the internet, it’s never done, this is
just the beginning process, a constantly evolving machine that we’re gonna continue to iterate. So I hope you got some takeaways for building your business website. If you have any questions on your website, or your business, throw them below, and we’ll also get to all of them. If you want more content like this, don’t forget to subscribe to our channels, thanks for listening. (silly music)

Leave a Reply

Your email address will not be published. Required fields are marked *