Ecommerce
Bru Programmable automatic tea machine - Shopify PLUS store
Ecommerce

Last update at 03 · 02 · by milo

‧‧‧ One of 618

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

Details

Setup

Mobile Optimization
Responsive Design
Visibility Strategy
System Integration

Balance

Application Interface design
Brand Strategy
ERP Implementation
Information Architecture

Structure

Impulsive Purchasing Behavior
Efficient Local Fulfillment
Optimized Workflow
Enhanced Trust Signals

Features

Structure

Faster than average

81 %

Props

Info

  • Responsive
  • Html5
  • CSS3
  • SEO score

SEO

Score

84 %

Improvements

Conversion rate

Cro

Infos

Info

Programmable automatic tea machine – Shopify PLUS store

Tech

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

Category

UX & UI Design
Liquid
Json
Ecommerce

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

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 Gallery


Strategy

1

Enhance Efficiency

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

2

System Integration

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

3

Omnichannel Strategy

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

11 Custom Metafields

Store and display additional data beyond the standard fields.

2

5647 Media files

MediaFile API allows for more control over file management.

3

10 Templates

Defining structure can significantly boost sales, conversion rates.

4

10 Ecommerce Functions

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

5

15 Custom Apps

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

6

4 Data Analytics

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

Bru Video

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

Reviews

Neptn

Supernett & blitzschneller bugfix am tag vor dem launch. ich kann milo 3oneseven UNBEDINGT weiterempfehlen... wolf heller...

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

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

Lohnlackierung Lippe

Schnelle Realisierung zu einem fairen Preis! Gerne wieder!...

View Review

Canteen

Wir sind wirklich froh, Milo gefunden zu haben und mit ihm zusammenzuarbeiten – die Geschwindigkeit des Geschäfts hat sich erheblich verbessert. Auc...

View Review

BlissTunes

3oneseven Design created for us a fully interactive social networking website with an online store and shopping cart. I first came in contact with Milo...

View Review
3oneseven
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 stores.