Website or marketing looking to change it up next year? Try out one of these web design predictions for 2017! See and share the full article here: https://www.impactbnd.com/blog/web-design-predictions-for-2017
2. About The Author
Marcella is a graphic designer who is always eager to learn & innovate. Using her background in art
& busines, she works to create design that is both beautiful & functional. When she’s not glued to her
computer she enjoys singing with her a capella group, drawing, playing video games, hanging out
with her three pups, & spreading good vibes.
hey!
Share
4. According to Chartbeat, 66% of the
average media page visitor’s attention is
spent below the fold.
Share
5. So, stop trying to cram
everything above the fold!
Share Share
6. In 2017, people know to
scroll for what they’re
looking for. Consider
creating a longer, scrolling
experience on your website
and landing pages. Tell
a story that builds to the
ultimate message/goal.
Share
8. With the new year we can expect to see a shift
in focus on highlighting a brand’s personality,
and typography will definitely be one of the key
players.
Share
9. Share
Choosing a non-conventional typeface (or
combination of typefaces) is an easy way to
show how your brand is different.
11. In the spirit of Conversion Rate
Optimization, marketers should always be
looking for a new way to present calls-to-
action and get people to click.
Share
12. Share
In 2017, hidden calls-to-action (like this one on ConversionXL’s feature
image) are likely to become more common as people become blind to
conventional bottom-of-the-blog and pop-up alternatives.
hover
14. There will be a continued focus on Google’s
Material Design in not only mobile design, but
desktop as well.
Share
15. Designs utilizing flat, clean design elements
(like the card) will be extremely popular and
create an ease-of-use and familiarity between
pages for desktop and mobile.
17. Note: Make sure to test its effect on conversion rates
before using it on consultations, demo requests, or other
important offers!
Ghost buttons are buttons that usually consist
of just a colored outline (rather than a solid),
contrasting with the background of a page.
Share
18. Share
They are a subtle, yet beautiful way of working a secondary
call-to-action or directional button onto a page, but should
be used cautiously for more bottom-of-the-funnel offers.
hover
20. While the popularity of minimalist design
continues, one way brands are making a bold
impression is through color.
Share
21. Enhance your branding and website by using vivid colors
to not only catch a visitor’s eye, but guide it to your most
important elements (i.e. a value proposition, form, button, etc.)
Now That’sBold!
23. In 2016, Facebook found that
85% of video is watched without audio.
Share
24. Don’t slap your user in the face with blaring
sound from an auto-playing video. Try putting
the video on mute or incorporating a silent
video into your hero image. imaginethis moving!
26. Another “muted” way of harnessing the power of video
on your website is through cinemagraphs.
A cinemagraph is “a still photograph that contains an
element of movement looped seamlessly to create a
never-ending moment.” (source: cinemagraphs.com)
Share
27. Try using one in your hero image for a striking visual
impact and effective storytelling aid -- but make sure
it works with your message or value proposition; not
against it as a distraction. This evenhas Lightning!
29. Microinteractions are small effects that occur
when people perform different actions on
your site (i.e. hover over a link, click a button,
completing a task.)
Share
30. Share
They are a highly effective way of making your web
experience feel more tangible and engaging your
audience. They can also be extremely helpful in
confirming actions or guiding people through your site.
Notice thebutton getssmaller
32. Banner blindness is alive and well. One way to
combat it and maintain or even improve your
call-to-action conversion rates is to make your
designs more dynamic.
Share
33. Share
Try adding animations or interactive elements to your CTA banners like Neil
Patel. Instead of sitting cold at the bottom of this article, Neil adds an effect
that changes the color of the banner when you hover over it.
hover
34. Share
Original Photography
and Illustrations
11
35. Stock photos and videos are efficient no doubt,
but they’re a dime a dozen.
They’ve played a large part in the lack of
differentiation in many industries. That’s why
the brands that break out of this mold, grab our
attention.
Share
36. Share
In 2017, brands will make more of an effort to
use original photography and illustrations (in
addition to typography) on their websites.
These custom elements show personality,
authenticity, and also help complete the unique
experience every brand should strive to be.
37. Real photos of your team, offices, etc. also
create a realistic image of your culture and what
it will be like to work with you. Hey!I know them!
39. Now, this prediction is exactly what it sounds
like. Instead of secluding your forms to the side
or bottom of a page, this year, we’ll open them
up to the whole page.
Share
40. Doing this, increases conversions by eliminating
distractions and also creates a better mobile
experience with its large elements.
42. This last one is not industry universal, but we can
expect to see designs with less rigid structure that’s
content exceeds the expected linear design grid.
Share
43. This will apply mostly to sites with younger
target audiences, that lend themselves to more
modern or eclectic design aesthetics.
44. Not all trends are right for
every audience or business.
Like something you see or considering a website redesign?
Talk to us and we’ll help you figure out what your website
needs to achieve your goals!
TALK TO US