sort by

5 Winery Website Design Trends to Watch Out For in 2018

Jan 16, 2018   |   WineDirect Team Recommended for:   Marketing
Prove Wine Direct 5 Winery Website Design Trends 2018 Prove Wine Direct 5 Winery Website Design Trends 2018

Just like how tasting rooms and wine shops need to redesign their interiors every now and then, a winery website’s look also needs to be updated from time to time. As the times change, some website design elements fall in and out of favor among designers and users. If you’re thinking of revamping your winery website this 2018, here are some of the design trends you should watch out for:

1. Mobile-first philosophy

People have become increasingly dependent on mobile devices such as smartphones and tablets to do their shopping, so it’s an absolute must to have a mobile-adaptive website. In fact, 40% of traffic and 25% of purchases on WineDirect client websites came from mobile and table devices in 2017. So, if you want to keep your winery website relevant, you have to put a bigger emphasis on making it more mobile-friendly. Take note, though, that a mobile-friendly winery website design requires more than just an adaptive layout.

There are several aspects that distinguish a mobile-friendly website from one that is not. Bandwidth and loading times, for example, are key factors in making your website more attractive to users. After all, users don’t like using websites that take minutes to load. One of the easiest ways to reduce load times is to reduce the size of your images. Use a compressor – like - or save your images for web use if you’re using Photoshop.

2. Creative hover states

Hover state, also known as the rollover state, refers to how a link looks whenever your mouse is hovering or located over it. At a time when minimalist website design is all the rage, many website designers are taking advantage of the hover state to give links a bit of accent and to highlight a website’s individuality without going over the top.

Changing the hover state of the text or image that links to other pages is a subtle way to point out which parts or pages can be clicked. At the same time, using different rollover states will keep your winery website from being too dull without sacrificing its classic or elegant look.

3. Putting key content at the center of the page

Thanks to the shift to mobile-friendly designs and minimalist philosophies, there's a new trend in winery website design that involves putting the most important content at the center of the page. This is because off-center content can look awkward when viewed using a smartphone.

The amount of content at the center of the screen also has to be carefully selected. A logo, a single statement, or a call to action — sometimes emphasized by striking colors or even animated backgrounds —may be used to direct guests to certain parts of your website without bombarding them with clunky buttons or awkwardly placed hyperlinks crammed in a small area.

4. Intuitive forms

Because today's mobile devices rely greatly on touchscreen technology, it's important to make sure users are able to edit the right fields in order forms. Small checkboxes, buttons, and interactive text boxes clumped together can often result in users entering info in the wrong fields.

In 2018, winery websites should shift to full-screen forms in order to offer subscribers and guests a larger area to work with. Once the form takes up the entire screen size, all interactive elements can be spaced further apart and increased in size. This reduces the risk of making mistakes and improves the user’s overall online shopping experience.

5. Extended pages

Jumping from one page to another can be a time-consuming process, but guests sometimes find this necessary when they’re adding multiple items to their cart and inspecting their choices. To avoid this, your pages must provide as much information as possible without being cluttered.

By extending the pages and including a wealth of information in each, it's possible to add more content to a website while reducing loading times. With a single swipe, users can explore an extended page and see additional information about a certain wine as well as links to other brands and products. This design, combined with an intuitive search system, allows users to easily find information without having to switch from one page to another.

The start of the year is a good time to take a look at your winery website and see if it still holds up to the current website design trends and good practices. Is there any element or aspect that you can tweak to improve the overall experience of your wine club members and subscribers?


Transform your winery website with our free eBook!

Learn how WineDirect can help you build a better website today.

Request a Demo

Find more resources from this category.

How To Start A Blog
How A Blog Helps You Engage Customers And Reach New Ones

Get expert tips on how to launch and maintain an engaging blog that drives SEO.

Marketing, Ecommerce

Tasting Room Outdoor
5 Things to Consider as You Prepare to Reopen

With some wineries already welcoming guests back to tasting rooms, we're focusing on what comes next.

Marketing, Tasting Room & Hospitality, Industry News

Round Pond Hero Image
How Round Pond Estate is Growing Online Sales

This Napa Valley winery is using an omnichannel approach to engage current members and attract new buyers.

Marketing, Ecommerce, Tasting Room & Hospitality

Transform your winery website with our free eBook!

Learn how WineDirect can help you build a better website today.

Request a Demo

We’re here to help.

explore plans book a demo
This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our privacy policy.