Design | 10 min read

4 Flavorful Web Design Inspirations We Absolutely Love At Butter

Looking for an inspiration for your Hong Kong Website? Our web design inspirations can help you understand what elements and attributes to value when setting up shop on the internet.
Dhanishta Sadhwani
By Dhanishta Sadhwani
February 23, 2021
Share:

Did you know that there's a whopping 5.47 billion websites available worldwide?

That's undoubtedly a huge number!

But we can assure you —not all of these websites have nailed their objectives.

In this article, you're going to see some of Butter's top web design inspirations, and figure out what works and what doesn't.

Of course, it's hard to measure up one website's success against another.

There's a different objective behind every website. And on top of that, a small business website owner doesn't have the same resources as corporate giants. So, it would be a senseless comparison, to say the least.

However, industry benchmarks have determined specific components that make up a successful website, such as having an excellent web design.

And when it comes to the best web designs, we don't only mean nicely curated and aesthetically pleasing visuals. It also involves ticking off the most fundamental web design principles on the list, such as simplicity, navigation, and structure, to name a few. They all come together to develop an innovative website that hits the mark.

To fire up your imagination and enthusiasm, we've compiled a few of Butter's Favourite Web Design Inspirations and we've also deep-dived into the details of why we are fond of them.

Let's start!

Our favourite Minimalist/ Simple/Clean Websites

It's funny how often we hear the word "minimalist" when talking about design. The term seems to get flung around left and right.

But what exactly is minimalist web design?

This design strategy is focused on eliminating unwanted content and design elements that don't really augment user experience.

Most people think designing a minimalistic website is a straightforward process. But you could ask all the web design experts and agencies in Hong Kong, and we would all tell you the same thing:

It's not a piece of cake.

Figuring out which elements to forego will depend mostly on the website users. Therefore, it's not a one-size-fits-all approach when aiming for minimalism. It may not seem like it because the visual design features that show up on minimalist websites are very similar. Still, the process of getting there is more elaborate, sophisticated, and individualised.

Take a look at our two picks for outstanding minimalistic design:

Kinfolk


Kinfolk
is a print and digital lifestyle magazine that centres on home, work, culture, and style. When you head over to their website, you can tell from the get-go how well-balanced the aesthetic features are with the function-driven elements.

We also like the unambiguousness of the content structure. There's no shortage of content on every page, and yet, the bundles of information aren't overwhelming.

Moreover, users can easily traverse through the available reads and locate the piece of content they are after.

Each block comes with a different layout, and it's a neat trick to urge users to keep exploring the website. Plus, it makes for a satisfying experience. It's like going to an art gallery and glancing at a unique piece at every scroll.

Speaking of art, we also dig their exceptional visual style. The images and colours are eye-catching and bold, but they don't take away from the website's minimalistic vibe. If anything, they harmonise and enhance it.

Last but not least, let's talk about the interesting choice of font pairing. Did you know that fonts are one of the key elements of typography? Neil Patel states that the art of typography has several components, but the font is one of the primary ones. Why should you, as a website owner, care? Well, according to the digital marketing guru, typography influences conversion. Difficult-to-read texts can either exhaust your visitors or cause them to leave. Either way, it doesn't push them to take favourable action on your website.

Looking at Kinfolk's choice of putting together Serif and Sans Serif, the pairing perfectly suits the minimalist style. More importantly, it does a great job enhancing the website's readability, undeniably helping users digest the information you're sharing with them better.


Provider Store

Scrolling through Provider Store's website easily gives you a sense of their brand identity. The shop provides products that are both artful and functional. Remarkably, their website reflects these attributes.

Their passion for sustainably sourced and slow-made products is evident in their chosen visual design elements, effectively building up and strengthening their corporate identity.

It's actually the key reason we chose Provider Store as one of Butter's web design inspirations. People gravitate toward unique but recognisable brands. Businesses should have strong corporate identities to stand out. This requires brand consistency across all platforms of communication, but most especially, on the website.

Furthermore, we also like how the website is straight to the point. Shop is the only item on the navigation. This depicts clearly the website's intent, completely eliminating distractions and interruptions that can divert users from their journey.

There's a perceptive and distinct content structure that segregates each section. By coupling this with a hover state and scrolling effects, the website makes for a smooth and satisfying user experience.

Our Favourite Navigation

50% of visitors use the navigation menu to familiarise themselves with your website after coming across it via a referral site.

If they like what they see, they'll keep using your website.

You might be thinking 50% coming from that traffic source isn't a lot. It’s only a small fraction of the number of people visiting your website.

What's more alarming is that 89% of your potential customers will gladly leave your website and check out your competitors due to poor user experience.

How can you prevent this from happening?

By improving your website navigation, that's how! Without proper web navigation, your visitors won't find what they're looking for, such as your blog, product listings, price information, contact details, and so on.

Ideally, your visitors would begin on your homepage, and each one of them would go down the same journey on your website. Unfortunately, this isn't the case. You got visitors coming from various entry points so long as they have the corresponding link. There's no single path for them to follow, so you must ensure they can access every part of your website, regardless of where they are coming from.

Check out our favourite navigation inspiration:

Made.Com

Made.com is an online furniture and home accessories shop. Their website boasts of an unobstructed navigation system.

On the top part of their homepage, you can easily spot the parent categories, allowing users easy access to them.

And in one click, a drop down appears, displaying all the available subcategories. What's interesting about these subcategories is the way they are catalogued.

They are all clear but cover a wide range, so users tend to linger on the website longer, which is perfect for enhanced optimisation. This results in higher click-through rates, improving the metrics and encouraging conversions.

We're also very much impressed with the SEO-friendly search terms they've used for the menu items. It's hitting two birds with one stone: optimising the content while making sure the menu items don't generate confusion and frustration from the users.

Our favourite device-responsive websites

As a website owner, you want your website to seal the deal with your clients, not chase them away. But if your website doesn't scale on all devices, this will only spell trouble.

Gone are the days of simply focusing on your desktop web design. 85% of adults suggest that a company's mobile website should be as nice as its desktop website. If not, even better.

Making your website responsive is the key. These days, the average conversion rates for smartphones are 64% higher than desktop conversion rates. Therefore, you're losing a lot of potential revenue if you don't have a responsive web design.

And it doesn't stop there. Apparently, poor web design can also shackle your reach. 57% of users state that they won't endorse businesses with poor mobile user experience.

We've given you some real stats to underscore that when it comes to website responsiveness, you can't snooze. Otherwise, you'll lose— a LOT.

Take a cue from Butter's favourite device-responsive websites:

Gucci's Gift Giving Page



Gucci's interactive page isn't really common since it's a little complicated to pull off. You can hit a snag when making it responsive to adapt to various devices.

However, the webs designers have a ready fix for that issue, since the website came off well across different devices and browser widths.

A perk of having a responsive website is never having to worry about loading time. Despite the many elements on it, this website loads incredibly fast no matter what device you're using.

The concept is fresh and interesting. But with a slow website, we doubt it would have been a success. For this reason, we think Gucci did an excellent job of putting user experience at the forefront of their web design.

Provider Store

Yes! You're not having a deja vu. You've really already seen this one on our list. But it made it here a second time for a different reason.

Aside from its clear and crisp web design, you might have noticed the Provider Store's scrolling effect.

That's called a Parallax. It's a design trend wherein the background content and foreground content don't move at the same speed when scrolling.

Interesting concept, right?

However, it's a bit challenging to adapt across different devices. Yet, Provider Store has managed to make a go of it.

Additionally, the website superbly adjusts to the device requirements. One example is the customised cursor that disappears on tablet or mobile and instead becomes touch-sensitive!


So there you have it — our top web design inspirations.

Google describes a website as your business' storefront. Yet to some, it's their home on the internet.

Whatever your take is on the matter, we're sure you agree with us about having web design inspirations to use as a yardstick the same way you would look through interior design and architectural magazines when dreaming up your store or home.

Have you got any web design inspirations? Why do you like them? Feel free to share it with us!

Or if you have some design pegs for your website, you can also send us an enquiry, so we can help make it happen.

Work with us:

Share:
Dhanishta Sadhwani
By Dhanishta Sadhwani
Digital Producer
Dhanishta graduated from the University of British Columbia in Canada with a degree in Visual Arts and Economics. She joined Butter as part of the Graduate Programme as our first Digital Producer and recently was promoted to Digital Strategist. With a background in graphic design, she is passionate about designing to solve problems and producing beautiful things with great functionality. She works closely with the design and strategy teams in providing solutions for our clients and managing tasks across the company. Dhanishta specialises in using her expertise towards guiding UI/UX design particularly with a focus on user-centric e-commerce projects.
Join us

We’re always wanting to meet talented people who would enjoy working with us, while helping us be better at what we do.

View Jobs
Get in touch

Looking for a strategic Digital Marketing Agency in Hong Kong? Reach out and talk to us today!

Contact Us