WordPress Design Trends

Af9bb7766849db4d928a85b8e2eae758?s=47 Mel Choyce
July 04, 2015

WordPress Design Trends

What does the current WordPress design landscape look like? What are popular and upcoming design trends to look out for? We’ll take a look at the current WordPress design ecosystem and explore how it’s projected to change in the next year.

Af9bb7766849db4d928a85b8e2eae758?s=128

Mel Choyce

July 04, 2015
Tweet

Transcript

  1. WordPress Design Trends

  2. I am Mel Choyce • Design Engineer at Automattic •

    WordPress core contributor • Live in Boston, MA • @melchoyce | choycedesign.com | melchoyce.com
  3. Trends are just tools

  4. Industry Trends

  5. WordPress can do almost anything

  6. Microsites for 
 Big Companies

  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. Tech Blogs

  14. None
  15. None
  16. None
  17. None
  18. None
  19. News / Big Media

  20. None
  21. None
  22. None
  23. None
  24. None
  25. Enterprise

  26. None
  27. None
  28. Celebrities

  29. None
  30. None
  31. Apps

  32. None
  33. None
  34. Future

  35. None
  36. None
  37. Visual Trends

  38. Syncing up with Industry Trends Faster

  39. Standardization of Design Patterns

  40. Material Design

  41. None
  42. Flat Design

  43. http://designmodo.github.io/Flat-UI/

  44. Mobile Patterns
 on the Web

  45. Off-Screen Menus

  46. None
  47. https://thethemefoundry.com/wordpress-themes/bailey/

  48. Single Column Designs

  49. None
  50. https://wordpress.com/themes/ecto

  51. None
  52. https://wordpress.com/themes/scrawl

  53. Modular Design

  54. None
  55. Cards

  56. Tiles

  57. None
  58. http://www.84paris.com/en/home

  59. None
  60. None
  61. Animation

  62. Animation

  63. Animation (Bad)

  64. Animation (Bad)

  65. Parallax on the Decline

  66. Immersive, Media-Rich Experiences

  67. None
  68. http://brandts.dk/

  69. None
  70. None
  71. Video Headers 
 or Backgrounds

  72. None
  73. None
  74. Designing to Drive Reader Engagement

  75. Read time

  76. None
  77. Progression

  78. None
  79. Infinite Scrolling
 of Posts

  80. None
  81. Design that Look 
 More Like Print

  82. Richer, More Refined Typography

  83. None
  84. None
  85. None
  86. None
  87. Complex and Asymmetrical Grids

  88. None
  89. https://dribbble.com/shots/2131697-Bear-Mattress-Full

  90. None
  91. https://dribbble.com/shots/2003347-Troubadour-Goods-product-page

  92. None
  93. https://dribbble.com/shots/2132930-CHX-Studio-Creative-Production

  94. Future

  95. Gradients Making a Comeback

  96. None
  97. None
  98. https://dribbble.com/shots/2124489-The-Opoiki-Free-PSD

  99. Illustration

  100. https://dribbble.com/shots/2128057-Whale-Migration

  101. http://www.altosadventure.com/

  102. https://dribbble.com/shots/2131995-Home

  103. Theme Trends

  104. Responsive Web Design

  105. None
  106. It’s not a trend: it’s an expectation Go responsive or

    go home.
  107. “Responsive” is the #1 used feature filter in the WordPress.org

    Theme Directory (Leading the #2 filter by 19.1%) https://wordpress.slack.com/archives/meta/p1435859343000128
  108. “Though 79% of [Themeforest] themes say they’re responsive, these make

    up 93% of overall earnings.” http://inside.envato.com/pressnomics/
  109. Resolution Independence

  110. None
  111. Icon Fonts

  112. None
  113. Icon Fonts

  114. SVG

  115. https://wordpress.org/plugins/ricg-responsive-images/

  116. Specialization

  117. “WordPress theme buyers are often characterized as wanting the highest

    number of features that can be crammed into a single theme. Our search data contradicts this.” http://inside.envato.com/pressnomics/
  118. “Over 70% of ThemeForest searches are focused around niche themes.”

    http://inside.envato.com/pressnomics/
  119. Thank you! @melchoyce | choycedesign.com | melchoyce.com