Ecommerce
Bru Programmable automatic tea machine - Shopify PLUS store
Ecommerce

Last update at 03 · 02 · by milo

‧‧‧ One of 616

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

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

Balance

Application Interface design
Brand Strategy
ERP Implementation
Information Architecture

Structure

Brand Research
Omnichannel Strategy
Enhanced Functionality
Customer Retention

Features

Structure

Faster than average

83 %

Props

Info

  • Responsive
  • Html5
  • CSS3
  • SEO score

SEO

Score

96 %

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

User Experience Optimization

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

4 Custom Metafields

Store and display additional data beyond the standard fields.

2

7240 Media files

MediaFile API allows for more control over file management.

3

25 Templates

Defining structure can significantly boost sales, conversion rates.

4

10 Functions

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

5

8 Apps

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

6

8 Trackers

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

4 Brands

Great Service!...

View Review

Beware Of Mainstream

Fantastischer Support. Super schnelle Reaktions & Feedback Zeit. Ist auf all meine Wünsche eingegangen und konnte alles umsetzen. Nach der Shop Optimi...

View Review

Dead or Alive

Great service, quick answers, very service orientated! Milo has a lot of experience and knowledge, can fully recommend!...

View Review

Alpine UK

milo 3oneseven is a true professional. Very polite, 100% client focused and, perhaps most importantly, brilliant at work. During the design process he...

View Review

Blanda Beauty

I am very satisfied with the work Milo did for me. Communication was quick and repsonsive. He was focused on the task and was not as many others do jug...

View Review

Nolae NL

Het was erg prettig om met milo 3oneseven samen te werken. Dankzij de eenvoudige en directe communicatie konden we onze doelstellingen duidelijk omschr...

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.