Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress Design Trends

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.

Mel Choyce

July 04, 2015
Tweet

More Decks by Mel Choyce

Other Decks in Design

Transcript

  1. WordPress Design
    Trends

    View full-size slide

  2. I am Mel Choyce
    • Design Engineer at Automattic
    • WordPress core contributor
    • Live in Boston, MA
    • @melchoyce | choycedesign.com | melchoyce.com

    View full-size slide

  3. Trends are just tools

    View full-size slide

  4. Industry Trends

    View full-size slide

  5. WordPress can do
    almost anything

    View full-size slide

  6. Microsites for 

    Big Companies

    View full-size slide

  7. News / Big Media

    View full-size slide

  8. Visual Trends

    View full-size slide

  9. Syncing up with
    Industry Trends Faster

    View full-size slide

  10. Standardization of
    Design Patterns

    View full-size slide

  11. Material Design

    View full-size slide

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

    View full-size slide

  13. Mobile Patterns

    on the Web

    View full-size slide

  14. Off-Screen Menus

    View full-size slide

  15. https://thethemefoundry.com/wordpress-themes/bailey/

    View full-size slide

  16. Single Column Designs

    View full-size slide

  17. https://wordpress.com/themes/ecto

    View full-size slide

  18. https://wordpress.com/themes/scrawl

    View full-size slide

  19. Modular Design

    View full-size slide

  20. http://www.84paris.com/en/home

    View full-size slide

  21. Animation (Bad)

    View full-size slide

  22. Animation (Bad)

    View full-size slide

  23. Parallax on the Decline

    View full-size slide

  24. Immersive, Media-Rich
    Experiences

    View full-size slide

  25. http://brandts.dk/

    View full-size slide

  26. Video Headers 

    or Backgrounds

    View full-size slide

  27. Designing to Drive
    Reader Engagement

    View full-size slide

  28. Infinite Scrolling

    of Posts

    View full-size slide

  29. Design that Look 

    More Like Print

    View full-size slide

  30. Richer, More Refined
    Typography

    View full-size slide

  31. Complex and
    Asymmetrical Grids

    View full-size slide

  32. https://dribbble.com/shots/2131697-Bear-Mattress-Full

    View full-size slide

  33. https://dribbble.com/shots/2003347-Troubadour-Goods-product-page

    View full-size slide

  34. https://dribbble.com/shots/2132930-CHX-Studio-Creative-Production

    View full-size slide

  35. Gradients Making a
    Comeback

    View full-size slide

  36. https://dribbble.com/shots/2124489-The-Opoiki-Free-PSD

    View full-size slide

  37. Illustration

    View full-size slide

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

    View full-size slide

  39. http://www.altosadventure.com/

    View full-size slide

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

    View full-size slide

  41. Theme Trends

    View full-size slide

  42. Responsive Web Design

    View full-size slide

  43. It’s not a trend:
    it’s an expectation
    Go responsive or go home.

    View full-size slide

  44. “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

    View full-size slide

  45. “Though 79% of [Themeforest]
    themes say they’re responsive, these
    make up 93% of overall earnings.”
    http://inside.envato.com/pressnomics/

    View full-size slide

  46. Resolution Independence

    View full-size slide

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

    View full-size slide

  48. Specialization

    View full-size slide

  49. “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/

    View full-size slide

  50. “Over 70% of ThemeForest
    searches are focused around
    niche themes.”
    http://inside.envato.com/pressnomics/

    View full-size slide

  51. Thank you!
    @melchoyce | choycedesign.com | melchoyce.com

    View full-size slide