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

1. 13 Bold Web
Design Predictions
You Should
Explore in 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   

3. Share   
Longer Pages
1

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   

7. Share   
Prominent
Typography
2

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.

10. Share   
Hidden CTAs
3

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

13. Share   
material Design
4

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.

16. Share   
Ghost Buttons
5

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

19. Share   
Vivid Colors
6

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!

22. Share   
Silent Videos
7

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!

25. Share   
Cinemagraphs
8

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!

28. Share   
Microinteractions
9

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

31. Share   
Animated or
Interactive CTAs
10

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!

38. Share   
Full-Screen Forms
12

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.

41. Share   
Breaking The Grid
13

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

45. Share   
References:
http://thedeependdesign.com/2017-web-design-trends-infographic/
http://www.business2community.com/infographics/10-web-design-trends-predictions-2017-infographic-01727426#sicPp0Yu5Dz7Aydj.97
http://www.cmswire.com/digital-experience/top-web-design-trends-for-2017/
https://envato.com/blog/6-web-design-style-predictions-2017/
http://www.creativebloq.com/features/10-top-ui-trends-for-2017
https://www.clicky.co.uk/2016/11/design-trends-2017/
http://usersnap.com/blog/web-design-trends-2017/