Discover the top Web Design trends for 2014, and create the most awesome websites. From trendy to

1. TOP 15
TRENDS FOR 2014
BEATRIZ OLIVEIRA

2. TRENDS...

5. WEB DESIGN TRENDS
TOP 15

6. `
#1 NON-BORING FONTS

7. 10 YEARS AGO

8. sIFR
2005

9. Cufon
2008

10. CSS3 Web Fonts
NOW

11. PERSONALITY

12. BE INSPIRED...

13. HTTP://STUFFANDNONSENSE.CO.UK
HTTP://WWW.DADAABSTORIES.ORG
HTTP://PULPFINGERS.COM
HTTP://WWW.KCCREEPFEST.COM
HTTPS://WWW.KAZERNEDOSSIN.EU/EN
HTTP://WWW.ELEARNINGFORCE.COM
HTTP://WWW.GOOGLE.COM/FONTS
HTTP://WWW.FONTSQUIRREL.COM
HTTP://FORTAWESOME.GITHUB.IO/FONT-AWESOME
HTTP://FONTELLO.COM

14. `
#2 FLAT DESIGN

15. SKEUOMORPHISM
2012

18. FLAT
2014

24. EASY TO USE
PERCEIVED AS HONEST
TRENDY
EFFICIENT RESPONSIVE DESIGN
FASTER LOADING TIMES
BENEFITS OF FLAT DESIGN

25. BE INSPIRED...

26. HTTP://WWW.MICROSOFT.COM
HTTP://WWW.FOSTR.COM
HTTP://LANDERAPP.COM
HTTP://WWW.CONJURE.IO
HTTP://DAVIDHELLMANN.COM
HTTP://JEET.GS
HTTPS://WWW.HIOSCAR.COM
HTTP://WWW.HOUSEKITCHEN.FR
HTTP://WWW.FLATVSREALISM.COM CHECK THIS ONE!

27. #3 LARGE#3 HUGE HERO AREAS

28. 10 YEARS OF HOMEPAGES
THE MAILCHIMP WEBSITE

29. 2004

30. 2005

31. 2008

32. 2009

33. 2010

34. 2011

35. 2012

36. 2014

37. BE INSPIRED...

38. HTTP://MAILCHIMP.COM
HTTP://REALTII.COM
HTTP://WWW.SHOPIFY.COM
HTTP://PREZI.COM
HTTPS://WWW.LIFE360.COM
HTTP://WWW.MYSMS.COM
HTTP://RAMOTION.COM
HTTP://WWW.BOUNCEBLOCK.COM
HTTP://TAP.UNICEFUSA.ORG

39. `
#4 VIDEOS ... NOT TEXT

40. `
People have been glued to TV screens since
the middle of the 20th century. Video on
the web has had a similarly dramatic impact
on the way content is consumed, resulting
in YouTube becoming the web’s “second
search engine”.

41. BE INSPIRED...

42. HTTP://WWW.ZENDESK.COM
HTTP://ENLIVENHQ.COM
HTTP://SETSEED.COM
HTTP://WWW.FIFTYTHREE.COM
HTTP://WHITEBOARD.IS
HTTP://DREAMTRIP.ADPROAGENCY.COM/START
HTTP://WWW.OLYMPICSTORY.COM
HTTP://DESIGNMODO.COM/STARTUP

43. PASSIVE ENGAGEMENT
INCREASE CONVERSION BY 80%
MORE TIME ON THE WEB SITE
INCREASE TRUST FACTOR
USERS PREFER TO WATCH
WHY?

44. AUTOPLAY VS. PRESS PLAY
ADD A CALL-TO-ACTION
SHORT VS. LONG
OVERLAY AUDIO LATER
ADD TO YOUTUBE
MAKING VIDEOS MORE EFFECTIVE

45. `
#5 SINGLE PAGE/LONG SCROLL

46. BE INSPIRED...

47. HTTP://TRIPPEO.COM
HTTPS://ONLYCOIN.COM
HTTP://WWW.WITCREATIVE.INFO
HTTP://WIPMESSENGER.COM
HTTPS://WWW.CHOWNOW.COM
HTTP://THEWEATHERTRON.COM
HTTPS://VENMO.COM
HTTP://HUMAN.CO
HTTP://TURNPLAY.RAMOTION.COM/EN
HTTP://WWW.EVEREST.COM
HTTP://STARMATIC.COM
HTTP://RETRICA.CO
HTTP://ELECTRONICBRAIN.DE
HTTP://WWW.EASYMOP.COM.BR

48. TELL A STORY
REDUCED CONTENT
CALL-TO-ACTION
MOBILE APPS
WHEN?

49. `
#6 PARALLAX SCROLLING

50. 1ST PARALLAX “MOON PATROL” - 1982

51. BE INSPIRED...

52. HTTP://WWW.SPENDEEAPP.COM
HTTP://CRV.HONDA.COM.AU
HTTP://WWW.DRUGTREATMENT.COM
HTTP://MAILCHIMP.COM/2013/#NEW-DATACENTERS
HTTP://UNFOLD.NO
HTTP://TOOYOUNGTOWED.ORG
HTTP://WWW.BARNYARD.BE
HTTP://WWW.WIPRO.COM/FUTURE-THOUGHT-OF-BUSINESS
HTTP://IHATETOMATOES.NET/MERRY-CHRISTMALLAX
HTTP://WWW.FIRSTAIDDORSET.CO.UK

53. `
#7 TRANSPARENT NAV

54. HTTP://SETSEED.COM
HTTP://WHITEBOARD.IS
HTTP://MIRABILIS.CO.AO
HTTP://WWW.MONTERE.IT
HTTPS://BENCH.CO

55. `
#8 GHOST BUTTONS

56. `
Let’s do this!

58. BE INSPIRED...

59. HTTP://WWW.VISAGE.CO
HTTPS://WWW.20JEANS.COM
HTTP://GETBOOTSTRAP.COM
HTTP://WWW.QUECHUA.COM/LOOKBOOK-SPRING-SUMMER-14/ES
HTTP://WWW.BARACKOBAMA.COM/MINIMUM-WAGE-SPLASH
HTTP://WWW.STOCKHOLMMEDIAWEEK.COM
HTTP://WWW.THEMESKINGDOM.COM

60. `
#9 STICKY HEADERS

61. SIMPLE, EASY-TO-ACCESS NAVIGATION
SAVES TIME
BRAND BUILDING
IMPROVED USER EXPERIENCE
...CHECK IN MOBILE!
BENEFITS OF STICKY HEADERS

62. BE INSPIRED...

63. HTTPS://YOURKARMA.COM
HTTP://SEEDSPOT.ORG
HTTP://ALWAYSCREATIVE.NET
HTTP://ENGAGEINTERACTIVE.CO.UK
HTTP://WWW.ZENDESK.COM
HTTP://MASHABLE.COM
HTTP://WWW.CORVEL.COM
HTTP://GETBOOTSTRAP.COM
HTTP://WWW.ANNEXCORE.COM
HTTP://FOLKSVERONA.COM

64. `
#10 MOBILE-FIRST

65. TABLET vs. PHONE

66. `
74%
OF TEENAGERS USE THE INTERNET FROM THEIR
MOBILE PHONES

67. `
2014
MOBILE INTERNET ACCESS OVERTOOK
FIXED INTERNET ACCESS!

68. `
71%
OF MOBILE USERS EXPECT MOBILE WEBSITES TO
LOAD AS FAST, OR FASTER, THAN DESKTOP WEBSITES

69. BE INSPIRED...

70. HTTP://WWW.SQUARESPACE.COM
HTTP://WWW.MEDL.IO
HTTP://THISISTHEPLACE.TV

71. `
#11 SIMPLE COLOR SCHEMES

72. HTTP://FOUNDATION.ZURB.COM
HTTPS://BITPAY.COM
HTTP://IMAGEMECHANICS.COM.AU
HTTP://WWW.PENTAGON.FR

73. `
#12 SIMPLIFIED CONTENT

74. `
THE WEB
POOPS

75. `
SIMPLER
CONTENT

77. `
#13 BYE BYE SIDEBAR

78. `
#14 MANIPULATED IMAGERY

79. HTTP://WWW.SEATTLECIDERCOMPANY.COM
HTTP://LONDON2PARIS24.MICHAELTEMPEST.COM
HTTP://MELANIE-F.COM
HTTP://WWW.GETCELLARAPP.COM

80. `
#15 RESPONSIVE ICONS

81. HTTP://RESPONSIVEICONS.CO.UK

83. WEB HTTP://BINDTUNING.COM
FACEBOOK HTTP://FACEBOOK.COM/BINDSKINS
TWITTER @BINDSKINS
EMAIL BEATRIZ@BINDTUNING.COM

84. 
THANK YOU

85. GO TO BINDTUNING.COM