How is the Bru Checkout Process optimized?

Before: Bru was running multi-step checkout process that required users to fill out extensive forms. After: Bru features now a implified to a single-page checkout with auto-fill options and clear progress indicators, reducing cart abandonment rates.

Where the Bru Product Pages enhanced?

Before: Product pages at Bru were running with minimal information and small images. After: Bru features high-quality images with zoom functionality, detailed product descriptions, customer reviews, and related product suggestions, leading to increased engagement and higher conversion rates.

How was the Bru mobile Optimization implemented?

Before: Bru store was not fully responsive, leading to poor user experience on mobile devices. After: Bru runs now a fully responsive design with touch-friendly elements, ensuring a seamless shopping experience across all devices.

How was the Bru Personalized User Experience optimized?

Before: Generic user experience with no personalization at Bru. After: Bru runs a custom implementation of personalized recommendations based on user behavior and preferences, increasing user satisfaction and repeat purchases at Bru.

Is Bru load time optimized?

Before: Slow-loading pages due to unoptimized images and scripts. After: Bru runs now optimized images, minified scripts, and use of content delivery networks (CDNs) to ensure fast load times, improving overall user experience and SEO rankings.

Bru - Ecommerce - Shopify - Shopify PLUS

Name: Bru
Uploaded: 2025-11-10T23:37:53+01:00
Duration: 13 min 23 s
Description: Programmable automatic tea machine - Shopify PLUS store

Ecommerce

Bru Programmable automatic tea machine - Shopify PLUS store

Ecommerce

Last update at 10 · 11 · by milo

‧‧‧ One of 594

Project

Suisse Shopify shop for Bru Store: The BRU Maker is as easy to use as a capsule machine, but can be used with loose and bagged tea in an environmentally friendly way.

The Bru Store features a customized product page with builtin interaction sections, optimized collection & landing templates for Bru Store products.

Programmierbare automatische Teemaschine – kontrollierter Brühvorgang – automatische Reinigung – präzise Wassertemperatur, Brühzeit und Wassermenge. Die beste Lösung für deine Tee-Routine. Die erste Wahl für Teeautomaten im Büro.

Service

Web Development Shopify Development
Frontend development
Consulting

Client

Bru

Location

Zurich, Germany

View Project Get in touch View all work View reviews

Solution

Live view —

Details

Setup

Concepting & structuring
Conversion optimization
CRO & ROI Strategy
Bru Flow automation

Balance

Load balancing
Reduced Bru latency
Asynchronous Bru scripting
Application performance

Structure

Rich results
Information Design
User behavior analysis
Bru SERP snippet optimization

Features

Structure

Faster than average

88 %

More Projects

Props

Info

Responsive
Html5
CSS3
SEO score

More Projects

SEO

Score

84 %

More Projects

Improvements

Conversion rate

Cro

Infos

Info

Programmable automatic tea machine – Shopify PLUS store

Tech

Software: Shopify
Work: Development
Analytics & reporting
Last Update: 11.10.25

The Bru Features

A totally customized, unique experience

wrenchSEO settings & options brushOutstanding future proof design mouseAccessibility & easy use statsOptimized & fast structure

Live view —

Tailor-Made Shopify Plus

Bru had specific requirements regarding the features expected for their new e-commerce site. Over the course of several workshops, milo 3oneseven defined the functional and technical scope to meet the requirements and meet user expectations.

All Bru UX and UI workshops were conducted using a mobile-first approach to meet current usage patterns, clear & efficient navigation was created to guide users through their Bru purchasing journey.

The Bru company's main objective was to improve cro, roi, site performance and page load times compared to their previous ecommerce technical stack.

Workflow

Bru Process

Definition

Interview
Project Brief
Personas
Tech Specs
Project Timeline
Initial Planning

Structure

Content
Functionality
Site Diagram
Page Diagram
Wireframes
Tech Components

Visuals

Draft Visuals
Feedback
Refine Design
Feedback
Refine Design
Select Design

Bru Setup

Development

Confirmation
Refine Tech Specs
Review
Adjust Project Timeline
Development
Integration

Test & Refine

Quality Assurance Testing
Priority Issues
Refinements
Browser Issues
Mobile Issues

Launch

Production Style Guide
Launch Bru
User Feedback
Refinements
Maintenance Plan

Ecommerce^Category

A designer, developer & ecommerce consultant with a proven five-star track record in the design, setup & optimization of ecommerce stores.

Ecommerce Shopify Shopify PLUS

Bru Gallery

bru ecommerce

View bru ecommerce

Bru Shopify plus Store

View Bru Shopify plus Store

BRU product page ecommerce shopify plus design

View BRU product page ecommerce shopify plus design

Strategy

Customer Journey

Analyzing how customers interact with Bru store and improving their experience.

Product Information

Ensure Bru product descriptions, images, and specifications are clear and compelling to increase conversions.

Omnichannel Strategy

Seamless shopping experience across multiple platforms, including Bru, mobile apps, and social media.

Customer Retention

Loyalty programs, excellent Bru customer service, and personalized engagement to keep customers coming back.

Streamline Process

Flow tools to enhance efficiency, from inventory management to Bru customer service.

User Experience (UX/UI)

Improved Bru design and navigation to make shopping easier and more enjoyable.

Numbers

16 Custom Metafields

1134 Media files

21 Templates

6 Functions

10 Apps

11 Trackers

Bru Video

Programmable automatic tea machine - Shopify PLUS store

View Project View Reviews View All Work Get in touch

About milo

milo 3oneseven, a designer, developer, ecommerce consultant with a five-star track record in the design, setup & optimization of ecommerce stores.

Bru

Project

Service

Client

Location

Solution

Bru UX design

An effective ecommerce store with Bru layout ensures an organized design that guides users seamlessly through the shop.

Bru User experience

Prioritized ecommerce shop usability with Bru will ensure a seamless and fast user experience.

Bru Optimal setup

Optimized store navigation with Bru makes it easy for visitors to find information and explore store products.

Bru Structured Data

Structured data has a positive impact with Bru across the customer journey, from the research phase to converting a sale.e

Details

Setup

Balance

Structure

Features

Structure

Props

SEO

Improvements

Conversion rate

Infos

Info

Tech

Category

The Bru Features

Tailor-Made Shopify Plus

Workflow

Bru Process

Definition

Structure

Visuals

Bru Setup

Development

Test & Refine

Launch

EcommerceCategory

Bru Gallery

Strategy

Customer Journey

Product Information

Omnichannel Strategy

Customer Retention

Streamline Process

User Experience (UX/UI)

Numbers

16 Custom Metafields

1134 Media files

21 Templates

6 Functions

10 Apps

11 Trackers

Bru Video

Reviews

Related

About milo

milo 3oneseven

Say hello

Talk

Visit

Follow

Bru
UX design

Bru
User experience

Bru
Optimal setup

Bru
Structured Data

Ecommerce^Category

milo ^3oneseven