Here’s the transcript

Website design is all about form and functions. Kind of like a
green Lamborghini, a lime green Lamborghini, of all things. Is that
more form or is that more fun? I don’t know. Do 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 MercedesBenz or pre you? So in this
video, we’re going to teach you about how UX and UI design can
help drive more conversions. I’m going to code and build up a page. I’m going
to show you a before page and an after page.
UX stands for User Experience and UI stands for User Interface.
We’re going to 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 can I use your company? How has your
company been 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 of 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. You have two ideas for homepage.
Try to get both of those done, and then AB test to figure out which
one converts better 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 rehabal process of building up a page.
One of the decisions that we made was instead of completely rehauling our
whole website, we decided to do an Iterative process.
Starting with the homepage, we started to deploy pages. 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 kind of 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 going to give
you a before and after of updating this page.
I’m actually going to 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 if you’re
a small business. There are companies like Wix or Squarespace.
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 host. 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.
So I just finished building up the new Dub Features page,
which I’m kind of proud of. Got a really strong header message on top,
really punches in with some key bullets of what we are. What we offer shows
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 points and the ways that we
can truly help. There’s lots of screenshots, 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 of these updates, from the branding
to the UX to the UI, to the information, they’re going to help
people to understand what Dub is and how it can help in their business.
Of course, we’re going to a B tested, and like with anything on the internet,
it’s never done. This is just the beginning process, constantly evolving
machine that we’re going to continue to iterate. So I hope you got some takeaways
from building 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.