top of page

The Bambino Plus

Brand and Landing Page Design

Desktop Mockup of Bambino Plus landing page. Shows recipes that can be made with the Bambino including a whipped coffee and a layered latte.

Project Overview

Brand and landing page design for the Bambino Plus espresso machine. Combining beautiful imagery with clear calls to action for an engaging product experience.

The Problem

Breville is doing a good job showcasing their product, but their site is lacking imagery that sells the user on the lifestyle associated with the quality. We feel this is causing potential users who are focused on the lifestyle of drinking coffee to purchase another product.

The Solution

Focus on providing aesthetic images and aspirational content in order to give the user a fully immersive espresso experience. 

Background

Breville is a high-quality appliance brand, founded in Australia in 1972. They are unique because they design with customer feedback in mind. Although Breville has a well organized and attractive website, they currently don't utilize a landing page or include any rich content to lure in additional customers.

This project was completed as a class assignment for the University of Oregon's UX/UI Bootcamp.

White box with green outline. Includes my role and team.
My Role

Project Manager, Lead UX Designer

Team

2 UX/UI Designers

White box with pink outline. Includes tools uses.
Tools

Figma, Wix, Visual Studio Code, GitHub, Google Suite, Zoom, Trello, Slack, InVision

White box with grey outline. Includes timeline.
Timeline

4 weeks

July - August 2022

Design Process
Design Process - Discover Phase graphic

Discover

Design Process - Define phase graphic.

Define

Design process - ideate phase graphic

Ideate

Design process - prototype phase graphic

Prototype

Design process - test phase graphic

Test

User Funnel

The aim of the user funnel was to capture our user's interest from the very beginning, draw them into the content of the landing page, and motivate them to take action by ideally purchasing a product, or at least connecting with Breville through the newsletter or homepage.

User Funnel showing customer journey including awareness, interest, desire, action, and connection.png

3. Showcase delicious recipes that can easily be made at home

5. Invite potential customers to sign up for newsletter/visit homepage

1. Video that introduces product and promotes lifestyles

2. Engaging images followed by product information and features

4. Option to purchase featured product or other Breville products

Inspiration & Style

Breville mood board. Shows images of espresso and modern, minimalist and aspirational images such as a fancy car, espresso maker, and office space.
UI Style tile showing logo and color palette. Colors are browns, greys, greens, and purples.
UI Style Guide showing fonts, including Bangala and Cormorant Garamond.
UI Style Guide. Includes images of espresso, purple and white buttons, and tone of voice which is sophisticated, current, and trendy.

Final Thoughts

It was challenging to not only provide a well organized and informative design, but also take it to the next level by making the landing page aspirational and curated. Outlining the user funnel prior to designing was beneficial for creating the structure and concept and helped us achieve our goal of creating an engaging user experience.

If there were more time, my partner and I would like to further explore: building out the product page using the same design, adding additional aspirational lifestyle photography, and conducting additional testing around the aspirational content on our landing page.

Thank you!
Espresso drinks, espresso beans on a wooden table.
bottom of page