Introducing Hubbl

designing a defining moment for customers through the launch of the Hubbl shopfront

Launched on

March 2024

My Role

Website Design :
Research, UX and UI Design

Working closely with the development and engineering team, the team and I created wireframes, and high-fidelity mockups of the final iteration UI web and mobile designs.

Description

Client:

Foxtel

The Brief

Delivering a highly engaging shopfront experience for the defining launch of Hubbl.

Foxtel commissioned Akcelo to design an engaging website shopfront for launching a new hardware product, Hubbl (Magneto) . Akcelo is responsible for designing and developing the initial consumer experience before the sales flow begins. The shopfront introduces Magneto and guides customers through three purchase journeys:

Glass TV-led (buy a TV),

Hubbl Hub-led (buy a Hub)

Content-led
(choose between a TV or Hub)

Design Narrative

IMMERSE

1

seeks to create an engaging, captivating digital environment. Utilising dynamic visuals and interactive elements, it ensures that every user interaction with the platform is a step into the vivid world that the brand embodies.

EDUCATE

2

is all about providing accessible, clear information. It ensures users are not only aware of the product offerings but also understand their distinct features and benefits. By delineating how these products can enhance the user's digital entertainment experience, this principle enables informed decision-making.

CREDIBILITY

3

focuses on establishing trust and instilling confidence. It recognises the power of social proof, incorporating real-world reviews from various platforms into the user journey. These testimonials reinforce the product's value proposition by fostering trust among potential customers.

The Goal

Introducing the new hardware

To design an engaging website that introduces the new product to the world while promoting then to buy the product.

The Research

Conducting landscape research and creating content hierarchy

Doing a landscape was important here to

  • Identify Strengths & Weaknesses & ways to differentiate the brand

  • Understanding User expectation

  • Finding inspiration & innovative ideas

Finding gaps in the customer experiences which help us in informing the opportunities for the shopfront

We conducted a CX workshop with the stakeholders to understand and map out all the information available to us.

So what did we find?

Key Opportunity

So after conducting workshops and these initial desk research we found a few key opportunity areas for the Hubbl shopfront.

Setting Clear Product Expectation

Accurate and Detailed Product Descriptions: Provide comprehensive information about the product, including its features, specifications, dimensions, materials, and any other relevant details.

Clear Pricing and Promotions: Clearly display the product's price, any applicable discounts or promotions. Avoid hidden charges or unclear pricing structures.

Enhancing brand identity 

Consistent Visual Branding: Use consistent branding elements such as colours, fonts, tone of voice, and imagery across the website. This creates a cohesive and recognisable brand identity, reinforcing our brand's image in the minds of visitors.

Comprehensive customisation

User-Friendly Interface: Design a user-friendly interface that allows customers to easily navigate through the customisation options. Use intuitive design elements, clear instructions, and visual cues to guide users through the process.