♥ & ☠ & Shopify &
Ecommerce
Bru Programmable automatic tea machine - Shopify PLUS store
Ecommerce

Last update at 03 · 02 · by milo

‧‧‧ One of 625

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

Bru Shopify plus Store BRU product page ecommerce shopify plus design

Tailor-Made Bru Shopify Plus

Bru had specific requirements regarding the design expected for their new e-commerce store experience. Over the course of three workshops, milo 3oneseven defined the functional and technical scope to meet the requirements and meet client expectations.

The Bru Brand Centric Design workshops were conducted using a mobile-first approach to meet current usage patterns, clear & efficient Iterative Improvement was created to guide customers through their Bru purchasing journey.

The Bru company's main objective was to improve cro, roi, site performance and frictionless shopping experience compared to their previous ecommerce technical stack.

Details

Setup

Multi-Channel Retailing
Enterprise Features
PCI Data Security Standard
Cross Platform Content

Balance

Long-term ROI Growth
Multilingual Implementation
Optimized Workflow
Scalable Operation

Structure

Frictionless Shopping Experience
Reduced Delivery Friction
Enhanced Flow tools for Efficiency
Seamless User Flow

Facts

Structure

Improved Design

88 %

Numbers

Analysis

  • + 16% Sharp Optimization
  • + 52% Advanced Process
  • + 43% Frictionless Experience

SEO

Improved Visibility Score

95 %

Improvements

Conversion rate

Cro

Statistics

Info

Programmable automatic tea machine – Shopify PLUS store

Tech

Software: Shopify
Work: Development
Multi-Channel Retailing
Last Update:

Category

Frictionless Shopping Experience
Reduced Delivery Friction
Liquid
Json
Ecommerce

Workflow

Bru Process

1

Definition

Interview
Project Brief
Personas
Tech Specs
Project Timeline
Initial Planning

2

Structure

Content
Functionality
Site Diagram
Page Diagram
Wireframes
Tech Components

3

Visuals

Draft Visuals
Feedback
Refine Design
Feedback
Refine Design
Select Design


Bru Setup

4

Development

Confirmation
Refine Tech Specs
Review
Adjust Project Timeline
Development
Integration

5

Test & Refine

Quality Assurance Testing
Priority Issues
Refinements
Browser Issues
Mobile Issues

6

Launch

Production Style Guide
Launch Bru
User Feedback
Refinements
Maintenance Plan

EcommerceCategory

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

Bru Showroom


Strategy

1

Customer Journey

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

2

Customer Experience

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

3

Streamline Process

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

4

Customer Retention

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

5

Streamline Process

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

6

User Experience (UX/UI)

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

Numbers

1

19 Custom Metafields

Store and display additional data beyond the standard fields.

2

4646 Media files

MediaFile API allows for more control over file management.

3

9 Templates

Defining structure can significantly boost sales, conversion rates.

4

6 Ecommerce Functions

Functions are configured with GraphQL schemas defining the input data, logic.

5

14 Custom Apps

Customized Shopify backend logic by injecting custom code into specific parts.

6

10 Data Analytics

Essential tool for monitoring best-selling products, making data-driven decisions.

Bru Media

Programmable automatic tea machine - Shopify PLUS store View article at Bru

Reviews

Bernie Sanders

Great experience, knowledgeable, friendly, quick, and great communication. Thanks for all the help again! Cheers!...

View Review

Lingsik 香港零食大王

milo 3oneseven is the only expert who can clearly list out what the root cause that affects our website speed. And milo was very patient and good in so...

View Review

Jungholz

milo 3oneseven hat uns auf Anhieb sehr zuverlässig geholfen! Gerade durch die schnelle Antwortquote konnten wir unsere kleinen Anliegen sehr gut löse...

View Review

Beatriz Larrea

Thank you for the great collaboration in creating and maintaining our online shop. Super competent and professional developer who knows what he is doin...

View Review

Kunssst

Not only was our job done fast and perfect, milo 3oneseven also keep track if your requests are for the benefit of your site. So if your site isn't wo...

View Review

Shannon Iris

milo´s design style strikes an amazing balance between effective and artistic. She was able to capture my aesthetic desires exactly while creating a d...

View Review
Design
3oneseven's design principles work at the intersection of the timeless design theory (Rams, Bauhaus thinking) and pragmatic ecommerce execution - beautiful, honest, fast, and built to convert Shopify stores.