What Award-Winning Web Design Actually Looks Like: We Won the Web Excellence Prize with Zubrew
A lot of businesses assume website awards are about visual effects.
The thinking usually goes something like this: impressive animations, trendy layouts, creative colours, maybe a few flashy transitions, and somehow the website ends up winning an award.
Here’s the thing.
The best websites rarely win because they’re flashy. They win because every website design decision serves a purpose.
When we started working with Zubrew, the objective wasn’t to build an award-winning website. The objective was much simpler: create a digital experience that could communicate the personality of a modern cold brew coffee brand and make visitors feel something before they ever took their first sip.
Today, we’re proud to share that the website has been awarded the Web Excellence Prize at the Malaysia Website Awards (MWA), adding another milestone to a project that was built around creativity, user experience and purposeful interaction. The website was also recognised internationally through the Orpetron Web Design Awards.
But more importantly, the recognition reinforces something we strongly believe:
Great web design isn’t about making a website look different. It’s about making a brand feel memorable. For businesses exploring web design in Malaysia, the Zubrew project shows how a web design agency can bring brand personality and user experience together.
The Challenge Was Never About Selling Coffee
At first glance, coffee seems straightforward.
You show the product.
You explain the flavours.
You add a purchase button.
Job done.
But the reality is more complicated.
Unlike a service business, coffee is inherently sensory. Customers normally experience it through aroma, texture, temperature and flavour. None of those things exist through a screen.
The challenge was clear:
How do you help someone experience a cold brew coffee brand without ever tasting the product?
That question became the foundation of the entire project.
What Most Product Websites Get Wrong
Many product websites organise everything around products.
The homepage leads to products.
The products lead to categories.
The categories lead to checkout.
There’s nothing inherently wrong with that approach.
But brands are rarely built through catalogues.
People remember stories.
They remember feelings.
They remember experiences.
What most people miss is that a website isn’t just a product display platform. It’s often the first interaction someone has with a brand.
For Zubrew, we wanted visitors to experience the character of the brand before they started comparing flavours or product categories.
That required a different approach.
Our Framework: Three Principles Behind the Website Design
1. Website Homepage Design That Puts the Product First
The products needed to remain the hero.
Rather than reducing the bottles to small thumbnails, the product imagery became an integral part of the website’s visual identity. Large visuals, coffee-related textures and close-up imagery were used to highlight freshness, richness and the chilled nature of the cold brew range.
Think of it this way.
If someone walks into a café, they immediately notice the drinks.
The website needed to create the same effect.
This is where website homepage design can make a difference: presenting the product clearly while introducing the character of the brand.
2. Sensory Storytelling
The better question wasn’t:
“How do we display coffee?”
It was:
“How do we communicate the experience of drinking it?”
The website uses product imagery, visual textures and descriptive storytelling to communicate the brand’s slow-steeping philosophy and flavour profiles. Messages such as “Crafted Cold Brew, Savored Slowly” help visitors connect emotionally with the brand rather than simply viewing product specifications.
This matters because customers rarely buy products alone.
They buy what those products represent.
3. Motion With Purpose
Animation has become one of the most misunderstood areas of web design.
Many websites add animations because they look impressive.
The result is often distracting.
For Zubrew, motion was used strategically. Scroll-triggered animations, interactive elements and visual transitions were introduced to guide attention, reveal information progressively and support the brand story without making navigation difficult.
In practice, the animation wasn’t the experience.
It supported the experience.
Why User Experience Still Matters More Than Creativity Alone
A common misconception is that award-winning websites sacrifice usability in pursuit of creativity.
The reality is almost the opposite.
The most successful digital experiences balance creativity with clarity.
For this website design project Malaysia, we had to balance:
| Objective | Requirement |
| Strong brand personality | Distinctive visual design |
| Product storytelling | Clear product organisation |
| Interactive experiences | Intuitive navigation |
| Creative layouts | Responsive performance |
| Immersive visuals | Usable customer journey |
The challenge wasn’t creating something unusual.
The challenge was making something unusual feel effortless.
Responsive web design helps carry that clarity across screen sizes, so visitors can explore the brand comfortably on whichever device they use.
Why the Design System Was So Important
Award-winning websites are rarely built from isolated design decisions.
They’re built from systems.
For Zubrew, the visual direction centred around:
- Vibrant orange accents [Dragon Fire Orange (#F54927)]
- Coffee-inspired brown tones [Rich Coffee Brown (#4A2E2D)]
- Soft cream backgrounds [Off White (#F8EFE2), Full White (#FFFFFF)]
- Clean white space
- Bold display typography
- Handcrafted supporting typography elements
The typography paired Clash Display as the primary typeface with Kalam as a supporting handwritten style to reinforce the brand personality.
The goal was to create consistency across every touchpoint.
Whether someone viewed a bottle, a flavour section or a homepage banner, it needed to feel unmistakably like Zubrew.
What the Website Actually Delivers
Recognition is encouraging.
But awards aren’t the true measure of success.
The better question is:
“What value does the website create for the brand?”
- A memorable online presence
- Stronger expression of brand personality
- Clear organisation of the product collection
- More engaging flavour exploration
- Consistent visual alignment between packaging and digital experience
- Interactive storytelling
- Responsive performance across devices
- Easy content management through WordPress
- A structured journey from discovery to enquiry
These outcomes matter because they directly influence how customers perceive the brand.
A Simple Test for Great Web Design
Whenever we review a new web design project Malaysia, we often ask three questions.
Can visitors understand the brand quickly?
If someone lands on the homepage, can they immediately understand what the business represents?
Does the experience feel different from competitors?
Not different for the sake of being different.
Different because the brand has its own identity.
Is the website helping visitors move forward?
Read more.
Explore more.
Enquire more.
Buy more.
If a website achieves all three, it is usually doing something right.
What Businesses Can Learn From This Web Design Project Malaysia?
The lessons extend far beyond food and beverage brands.
Whether you’re running a professional services firm, retail business, property company or ecommerce store, the same principles apply.
Don’t start with design trends
Start with the brand.
Don’t focus solely on pages
Focus on experiences.
Don’t use animation for decoration
Use animation for guidance.
Don’t copy competitors
Highlight what makes your business unique.
Don’t treat your website as a brochure
Treat it as a business asset.
These principles tend to outlast design trends and platform updates.When choosing a website design company, businesses can use these principles to assess how well a proposed design supports their brand and their visitors.
Frequently Asked Questions
Not necessarily. Strong web design involves more than appearance. User experience, navigation, branding, responsiveness, storytelling and technical execution all contribute to the overall result.
Animation helped guide visitors through the brand story and product experience. The motion was designed to support user engagement rather than simply add visual effects.
Yes. Responsive development was a core project requirement to ensure consistent performance across desktop, tablet and mobile devices.
Absolutely. The principles behind the project are scalable. The key is not budget. It’s understanding how to communicate a brand’s value and personality effectively online.
No. Complexity isn’t the goal. Clarity, creativity and user experience working together are usually more important than the number of features.
Not necessarily. Strong web design involves more than appearance. User experience, navigation, branding, responsiveness, storytelling and technical execution all contribute to the overall result.
The Takeaway
Winning the Web Excellence Prize at the Malaysia Website Awards is something we’re incredibly grateful for.
The recognition acknowledges the creativity, strategy and technical execution that went into building the Zubrew experience. But more importantly, it reinforces a principle we see repeatedly across successful projects:
Great web design is not about making a website look impressive.
It’s about making a brand memorable.
For Zubrew, that meant transforming a bottled cold brew collection into an immersive digital experience through purposeful visuals, storytelling, responsive development and thoughtful interaction design.
If you’re interested in seeing how those decisions came together, you can explore the full Zubrew Case Study and experience the website for yourself. Businesses looking for web design Penang can use the same questions to assess what they need from their next website.
And if your business is evaluating whether its website is effectively communicating its brand, products or services, it may be worth reviewing not just the design, but the overall user experience. Our Web Design Services focus on combining strategy, UI/UX, development and performance into websites that help businesses communicate more effectively online. For additional inspiration, you can also explore other website projects through our case studies and web design resources.
Because sometimes the biggest difference between an ordinary website and a memorable one isn’t how it looks.
It’s how it makes people feel.
