Blog

7 Design Trends You Need to Know About for 2015

With growing do-it-yourself website building platforms like SquareSpace and Pagekit, it’s easy for website owners—like you—to put up a website in minutes with minimal cost. But when picking out your template, adding widgets, and changing up the design, there are some trends you’ll want to know about, and even implement on your site. These seven design trends and tips can be your secret weapon to getting more from your site’s design.

1. Large Images/Videos in the Background

Large and meaningful images, along with a strong headline will give your product or service the visual impact to engage your visitors. We’ve added a dark overlay to our own homepage hero image to improve the contrast of text against the image.

Use a video background to engage your visitors. AirBnb’s video tells a story by showing people arriving home, which ties back to their headline of “Welcome Home.”

addthis-airbnb
AirBnb’s Homepage

2. Publish More Video

I don’t know about you but I’d rather watch a 30-second video than read about a product, feature or service. I think more and more companies are catching onto this trend, and we’ll see more videos used to launch a product, guide users through a complex flow, or to share customer stories on their blog. One of my team’s favorite video production studios is Sandwich Video. With witty dialogue and a sense of humor, they know how to entertain while educating us about the product.

addthis-sandwich-video
Sandwich Video presents Slack App

3. Use Beautiful Type

In the next year, more attention will be given to how text scales to screen size and device for painless viewing with the use of responsive typography. Web designers will use more typographic hierarchy and type kits like Google Fonts and Typekit to create visually balanced, unique type treatments. I collect graphic design inspiration using Pinterest to help inspire my next type choice.

addthis-typography
Flandria Type

4. Consider Card Design

If you’re designing a mobile experience, consider breaking up pieces of content into individual components called “cards”. They’re great for communicating quick stories and giving a snapshot of the information. Just like a flash card, use a small affordance and animate the card being turned over to create an intuitive experience of getting more detail about the piece of content. Grab a UI kit to get started with your card prototype!

addthis-cards
Publica UI Kit

5. Add Personalized Widgets

The personal web is the future, and many websites are catching onto the trend. Just as Amazon and Netflix give you suggestions of more products/movies to look at based on what you recently interacted with, personalization widgets on your site can give your visitors the same experience. 2015 will be the year where more content sites adapt for a tailored user experience, so don’t be left behind.

addthis-content-recommendation
One of our recent renditions of our recommended content widgets.

6. Use SVG

Scalable Vector Graphic (SVGs) an XML-based image format, ensure your images are always pixel-perfect for any device or screen resolution. With SVGs, your images will automatically display perfectly whether your website visitor is checking out your site on their Android, Retina iPad, or PC. Best of all, SVGs are smaller in file size than PNGs or JPEGs!

addthis-svg
Snap.svg

7. Embrace Minimalism

When iOS 7 was released, the thin lines and basic forms of the design system were quickly adopted. I think we’ll continue to see more of this minimalist style in the new year. This means we’ll see more “ghost” buttons, more use of negative space, simplified iconography, muted colors, and cinematic photography. Use MNML, a simple template to get your minimalist site up in no time.

addthis-teehan-lax
Teehan+Lax

  • E-commerce Widgets

    Good article. All trends selected correctly, especially large backgrounds, “card design” and widgets.

  • Administrator

    Generally, all of the above is what I find most annoying when I visit a site. I expect legitimate content in detail rather than visual “glitz” requiring me to scroll 5, 6, 7, etc. screen heights for 1/3 of the actual details I expect. And the longer it takes to get to the specifics the less likely I am to return. When it comes to business, its returns and not hits that matter. I see too little here that address returns by other than lookiloos.

  • behnazb

    You’re so right– Content is one of the most important and sometimes challenging part of a website, no matter how you design it. Thanks for sharing!

  • behnazb

    Thanks!

  • I love a minimalistic design. I just can’t stand clutter. Nice article

  • thank you very much for this article. I am going to work on my site today and I will definitly use some of this. great reading as always

  • I added large backgrounds and video backgrounds in 2014! Ahead of the game. Great article.

  • I really love the way it looks and it’s true that it atracts but i like the combinations of both worlds. a healthy balance of catching imagery and content (Content rules)

  • behnazb

    Exactly, content is equally as important. Thank for your comment!

  • behnazb

    Awesome!

  • behnazb

    No problem. Keep an eye out–we’ll be posting more design articles soon

  • behnazb

    Thanks, I hate clutter too :)

  • Nicholas Krall

    I like most of the basic info who-what-where-why-when to be accessible without opening additional pages that my underpowered netbook takes as long to return from as it did to open. That said, I love the “cards” format, but I don’t consider forced interaction to be am enhancement to our potential relationship.

    Click for more details/stories/bios & testimonials, but having to click, or even hunt for a physical address or contact info or pricing dives me nuts and drives me away.

  • ganarce

    I find that more and more I’m getting to the content in ways that don’t deal with the first page of the website. For instance: I arrived to this page using a link in a newsletter, but I may as well ended up here using a Google search or a link on a tweet message.

    Having said that, new services do require easing in on the new concepts, and in those cases the examples given above for AirBNB and snap.svg are great.

    Card design works when you want to express a multiplicity of options to your readers, and a good way to reach the user that may be browsing for content. This kind of navigation pattern works great in Flipboard on tablets and even phones.

    Maybe a clarification on the side of the author is in order: Seven design trends… on what kind of website or service?

  • Administrator

    A good final point in that last question! The type of clientele not the general public is what matters in design. That is predominantly governed by the services offered, and this article leans on popular trends in general that do not fit ever business model so generically.

  • flat design,large background image and video is trends in 2015.

  • Pingback: More Free Photo (and Video) Resources for Your Website | AddThis Blog()

  • Pingback: 3 Simple Steps to Creating an Engaging Website()

  • Hi, They all look so beautiful.

  • Nice tips. I think consider card design is the best for designer must know… thank for sharing..