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

View Project Get in touch View all work View reviews

Solution

Live view —

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

Features

Structure

Faster than average

96 %

More Projects

Props

Info

  • Responsive
  • Html5
  • CSS3
  • SEO score

More Projects

SEO

Score

97 %

More Projects

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

The Bru Features

A totally customized, unique experience
wrench Conversion Optimization brushSystem Integration mouseIterative Improvement statsOptimized Workflow
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

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.
EcommerceShopifyShopify PLUS

Bru Gallery

bru ecommerce Bru Shopify plus Store BRU product page ecommerce shopify plus design

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

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

5 Custom Metafields

Store and display additional data beyond the standard fields.

2

5131 Media files

MediaFile API allows for more control over file management.

3

10 Templates

Defining structure can significantly boost sales, conversion rates.

4

8 Functions

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

5

15 Apps

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

6

1 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

View Project View Reviews View All Work Get in touch

Reviews

Om Ya B2B

milo 3oneseven is an incredibly professional, has a knowledge that amazed me, it was so comprehensive. I contacted him because I wanted to speed up my ...

View Review

I Photo New York

I have been working with milo almost since the inception of I Photo New York, his design skills are paramount and his coding and web work are top of th...

View Review

Asandri

Wir sind mit dem Service sehr zufrieden und können Milo nur weiterempfehlen. Unsere Fragen und Anliegen wurden rasch und sehr gut beantwortet und dann...

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

flip*flop

Working with milo 3oneseven was super effective and overall a great experience. The result of his work was an improved store design (based on his recom...

View Review

CaballoBronco

milo 3oneseven did an outstanding job in understanding why our website was slow and before committing to anything he did his homework. He reviewed the...

View Review
3oneseven

Say hello

Talk

Visit

Follow

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.