Top 5 Trends for Website Design in 2017 – (561) 822-9931

Top 5 Trends for Website Design in 2017 – (561) 822-9931


Hey, everybody. It’s Elizabeth Varian here with Webmaster
For Hire. How are you doing? We are going to be talking in this video about
website design. Five different trends for 2017. Right now, you’re looking at our website. No, I won’t do that. We are following one of the trends and it
actually started trickling in to a website design a couple of years ago but it’s really
caught on. If you’re still into the columns, there are
some ways of doing it, so you can keep that column look. For the most part, most of your large companies
and small as well are shifting away from those column looks. What you’ll notice is we’re wider and we’re
going with horizontal layout versus vertical columns. Think rows in the Excel spreadsheet. You want rows for your items and as wide as
you can be and large font. The reason you want the large font is because
we’re going from mobile now and in tablets. As well as the old-school desktop. Not everybody is heading desktop, or 73% of
searches online are actually using their mobile devices. Having the larger font helps with the smaller
screens even though they’re going to be as big as a tablet if they keep going. Not that I mind. I like hanging out on my mobile. The first tip of 2017 trend that we’re seeing
is longer, larger and horizontal. Let me show you what that means. On our site, you see the various sections. Each section, we have … Now, this is a faux
way of keeping the vertical but it’s still within the column. Excuse me. We used a four column instead of one long
horizontal. We get a little faux sidebar there to add
in. Because that’s very important that people
want to contact us can. Then, you start seeing this is the true horizontal. This is actually for your next holiday party. You can use this techie term. It’s called parallax and that’s where the
image, it’s as if the site is rolling over the image and it’s just a little wow factor. Now, we’re going to talk later about AMP. Which will be a new acronym for you. This is showing that we may be getting away
from some of this parallax and the movement but I’ll explain that when we get down to
tip number four. You’re just seeing here. This is what we mean by horizontal wide. Long gone are the days of a 10 point font. You can see, this is actually Samsung site
and they are utilizing their product pages. It’s not just content sites and service sites,
but it’s also product sites. They are showcasing on a larger scale. Microsoft is doing the same. Just peruse that. You can check these out on your own at a different
time. You want to jump in to trend number two as
we scroll up. You can tell, I’ve already scrolled down on
all these pages. Adidas and we actually have Reebok here as
well to show you because why not have both competitors on here. Color. Color is coming back. All designers go, “Yay.” We’re excited for color. I like white space. You could see on my site on Webmaster For
Hire, we have a white space. I’m not afraid of white space but color is
making a comeback and it’s classy. It’s stylish, it’s professional. It doesn’t look like your kindergarten kid’s
drawings. You’re seeing that first when there’s that
parallax there. You’re seeing that each area has color. Here’s another is having video. Kind of a quick tip. If you want to have video on your site, upload
it in YouTube first or Vimeo and then, embed it on the site. You get the faster download and you get the
storage saved in your server space for your hosting. These videos can be very heavy. You’ll want to start recording your own videos
like I am here. As you can see, I am not perfectly perfect
here. I am imperfectly perfect, because I am just
me. I’m not an actress. I’m just presenting the knowledge that I have
to help you in your coming year. We were going to Reebok to show you … Just
so you know, we have this on ours as well. It’s called a mega menu. If you have a large site, you have to get
a lot of links. You want that user experience to be wonderful. You want to make sure they can get right to
where they need to be. On our site, it drops down like this and helps
people to find exactly what it is that they’re looking for. Color blocked, horizontal. The other thing is, they’re using their own photos. They have a professional in-house but I’m
actually going to show you a site that is a restaurant, that they also use their own
photos. This is actually in development. We’re hoping to go live this week. We are almost close. We’re just fine-tuning the last pieces and
it’s Juno Beach Café. Brilliant colors in their logo. Fun. You don’t want a white site with all those
beautiful colors. Here we go. We see that we have their photos. We’ve got one or two professional photos but
actually, they have a waitress there who we taught her how to get down and into the photos. That’s a professional one. That’s hers and it still looks delicious and
you can’t tell the difference. You don’t have to have the high-priced photographer
come in. This photo was taken right after he was delivered
his pancakes. It creates an experience of now, get a model
release from any customers you take their photos. Or ask them verbally if you can use it in
their marketing but he’s adorable. He’s a real customer. Really getting his food and I’m telling you,
he needs to be in commercials. You’re seeing the large fonts as well. Tidbits. They’re covering everything. You can download menus. A little side tip for restaurants. You don’t have to type out your menus anymore. These people has a major size menus. PDF files are read for search engine optimization,
so it’s perfectly fine now to have PDF files. Mobiles, phones have plenty of storage these
days. They can download the menu, view it immediately. Facebook will link to the menu. Google will link to the menu and PDFs are
perfectly fine. You’re seeing how very, very little white
is being used. You’ve got the long stretched as we said in
tip one. I’m going to show you another colored site. This is actually black site. I haven’t done a black site in years. It’s so different from the 90s when we had
black sites everywhere. With beautiful texturing and PlumbTalk is
a video company, a production company here in West Palm Beach. who also does their own videos and they’re
going to be going live with this later this week, early next week. You can see, color doesn’t have to be stale. It doesn’t have to look cartoony or like a
kindergarten class. It can have style and professionalism and
really make your photos pop. I rush through those because those are the
easy ones to figure out. This next one that we’re going to show you
is the tip is responsive over mobile ready. This actually really rolled out last year
in 2015. About April 28, 29, some time that week. Mobilegeddon rolled out. We’re geeks here, so we have to use geek terms. Mobilegeddon basically is Google’s algorithm
change. Where they said, your site can no longer be
pinch in, pinch out. You have to be able to see it. What that meant is, mobile websites starting
to veer out and responsive is the absolute way to go. Let me show you what that means. This is mobile website and a mobile site basically
is your menu. It looks like this pages isn’t scrolling
down but it’s your menu and maybe some contact information. Then, you have select pages in this layout. Sometimes, you kept two separate sites. Your main site and your mobile site. With WordPress, there was actually mobile
website plug-ins but it doesn’t look much like your site at all and pop-ups and stuff. Let me show you. This is responsive. Now, I just showed you this site. You already know what it looks like on the
long scroll on the desktop but this is what it looks like on a high-end phone. It folds under. The content in the coding is there to fold. You see the menu goes away in this black with
three lines. The three horizontal lines or a drop-down
is what’s commonly used. You can still, see the mouse hovers over and
you can still click the actual menu. This is more the mid tier and you can see
even on the small one, it fits. These are the reasons you want the large font. You can still read it, and it sizes to the
phone. You’re not having to scroll left and right. It just folds. This actually, even though I’m talking about
2017, I had still noticed a lot of sites are either using mobile websites or they’re pinch
in, pinch out to see them… Google doesn’t like pinch in, pinch out. Google is focusing on mobile. If you’re going to build a website and you
want marketing done on it, SEO. Then, you want to really make sure your site
is responsive. Make sure that the phone number, if you’re
a local business is in the top and it’s clickable. If you look down here in the bottom corner
when I hover over the phone number, if I click that, I’m on my mobile phone. It’s going to start going for me to click
to dial. Now, we’ve gone easy to understand. Color, length, long, you know, big text, wider. We’ve discussed responsive over mobile. Now, we’re going to get a little bit technical
with a new word for you called AMP. AMP simply stands for accelerated mobile pages. I made the comment that Google is now going
towards mobile. I’m going to actually show you a couple of
sites that you’ll be familiar with, where their entire site is focused on Mobile First. That is something that is a shift in 2017. Now, I’m not going to try and get too technical
with this. But simply put is mobile AMP is fast web pages. That beautiful parallax, the movement on the
page. A lot of that’s going to go away for those
who are fully on board with AMP. They just announced they being Google last
month in October. Like, what month are we in again? Last month in October, they just announced
that Google AMP is a priority. A lot of people saw in their local results
that they disappeared or you see AMP across the top in the search. There is a slight dispute. I think the winners are go with AMP but there’ve
been … I’ve seen a few people disputing whether it’s going to be something that Google’s
going to stick with or not. We’ve seen Google with Google Glass and Google
Plus is starting to breakout. That not everything sticks but it shouldn’t. It’s business and trends change and an idea
may sound good to begin with and it may not follow through. The AMP project has been around for a year
but it was just last month that Google announced that this is a priority for them. It’s special coding. You yourself, unless you’re a coder is probably
not going to be doing this. You’ll be calling your webmaster, getting
your IT department on it. Whoever manages your website. You will see they get priority in the Google
searches. This is definitely trend number four that
is not going away. And because of that, this isn’t one of the main
trends but this is something that we’re starting to notice pop-up, is sites are now building
their desktop version with Mobile First. What I mean by that is look at those three
horizontal lines. Adobe has many products and they used to have
a mega menu where they showcased everything. Now, they have gone towards the mobile view. They are not having that strip across the
top. I think it’ll take a while as people are getting
trained. Visitors are trained in mobile sites to look
for those three but it is something that they’re going to. Their site, very clean. All one. They just relying on mobile style and this
will fold on the mobile view. Someone else who is also doing it is Miss
Beyoncé. Could not go into the music field, could you? Her homepage right now is still posted on
the voting which was last week’s time. We’re not going to discuss voting. Politics and religion are still taboo. But you’ll see, she’s got her menu hidden. She doesn’t have all of this across the top. She’s focusing on whatever her showcase is. Whatever the video of the moment. Whatever they’re promoting is on top and it’s
leaning still more towards the mobile. It was one thing after another and her entire
pages all on the vote. She was helping the Democrats. That falls really with AMP. Because of announcement of AMP, everybody
is noticing Mobile First. Hopefully, I’m not speaking too fast. I’m so excited. I want to get as much information in here
as possible for you. The last trend that we’re really seeing and
it’s been trickled in and Facebook, that popularity isn’t going to go away. Snapchat, that was for our middle school kids
is now becoming for business. LinkedIn will never go away. It’s one of the best places for business and
connecting with professionals. Not just for your HR professionals or your
staffing agencies but for everybody. What am I talking about here? I’m talking about engaging with your customer. Social networking definitely needs to be part
of it but your website needs to be engaging, to just have static. If you’re Adobe, perfectly fine. Because people are coming here for software. They want the updates. They want to get everything but they are going
to have to start doing more than just that. They’re going to interact and not keep things
separately. For business owners, one of the ways is just
a blog. I’ve heard it time and time again. “Elizabeth, I can’t spend the time writing.” You need to have content for search engine
optimization. Not just a one or two, here’s our latest project
content. You need to engage with your customer. Moore, Ellrich and Neal is a website, mencpa.com. We launched this actually late last year. You see, they’ve got a little bit smaller
font but it’s actually larger than what they had. They’ve got the wider view but right here
on the home page and they are doing a good job of keeping their clientele informed. They are between Palm Beach Gardens and Miami. They’re spread out. They put their congratulatory stuff but they’re
also talking about … Because they do CPA expert witness and trials and forensic accounting,
so they talk about it. What is that increasing role? Look, they just published it. Once a month, they publish an article and
it’s unique content that they are doing. You need to have your own unique content. Now, we at Webmaster For Hire, write our content. We work with our clients to approve topics,
to make sure we’re talking on the right things. Then, we have our writers produce the content,
so that it’s marketable. But our other client, we launch this one late
last year as well. This is … If you’re into fishing and hunting,
this is the place to go to. Good men’s trip, family outings. They are in Northern Ontario, Canada and it’s
got some nice little sliders here. Talks about fishing, resort life and making
reservations. That’s important. They have their own video of, so unique content. This is the part that I really want to show
you. They are engaging. Anyone who is in fishing. When I was working on this site, I’m telling
you, I learned so much about fishing world. Sharing your trophies is huge. Having a website where you’ve come and they
tout trophies, big fish that you can catch. They have it, so that all you have to do is
click on there and you upload. This is actually somebody who stayed in their
resort and was excited. They do the same thing on their Facebook. Show us what you caught in Lake Savant. That interactivity, engaging and connecting
with your customers is so very important. I actually, this last weekend, because the
whole election bickering had to take myself off Facebook. I did not realize how hard it was for me to
get off Facebook on the weekend in my personal time. Your customers are hanging out on social networks. They want to read your latest articles. They want to be part of your business and
they’re excited. You want to be able to create that and there’s
so many various ways of creating and engaging. Not just pushing out your sales brochure website. In 2017, I bet you right now, there are things
that are not invented yet that have not gone live yet, that are all about engaging and
that is definitely important. Just a quick recap, the top five trends for
2017 is larger, longer, horizontal pages with big fonts. Having color added to your site. Now, this actually isn’t white. It maybe videoing white but it’s an off-color. Having color and real photos. These are all photos from his resort, from
their resort. Their cabins, their shots, their photos. If you use stock photos, use active stock. Responsive over mobile ready for Google. AMP, your new acronym for the year. Having accelerated mobile pages. Fast downloading pages. Of course, last but not least, interactivity
and engaging. I hope that this has been a wonderfully educational
video for you. I hope you have a wonderful holiday season
and it’s enjoyable and that when you enter into 2017, you are ready for the new trends. Have a wonderful, wonderful New Year’s. Bye.

31 comments

  1. Great video, thanks. (I looked at the lenght of it, and thought: "no way I'm going to watch 23 minutes of this", but it wasn't boring at all.)

  2. loved using different color and also using bigger font sizes.

    just a concern adobe can go full mobile because it is well known to the whole world their products are well known among the designers but a new business need to showcase things and also need to be minimum click away or else user will run away second hamburger menu are not that much reliable as still many designers are in confusion how to put where to put and what to put inside the hamburger menu.

    i think we must refrain from using hamburger menu in desktop view.

  3. Great video, your're AMAZING! My clients will love these enhancement for their websites. Thanks a bunch my friend!

  4. Nice Video ma'm but when we want to create any design or layout for website tell about thinking in which way we think etc please.

  5. Absolutely superb video. After watching this, I will COMPLETELY redesign my website – even after working on it for four(4) months. But that's okay because I want to be current. Thank you sooooooooooooo much for this.

  6. Hey Webmaster for Hire, love your videos just posted this one on my blog – http://bit.ly/2zdLsmg – It will go out once a day to 9 social media venues for seven days. I have added your video to my playlist "Website Design" and have subscribed to your channel so keep up the good work!

Leave a Reply

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