top of page

Wallbox Design

MOBILE | UX DESIGN

 Ideating, testing and designing the wireframes (UX) for some key screens of their mobile app

chuttersnap-xJLsHl0hIik-unsplash.jpg
wallbox intro.png

Overview

A company whose main goal is to design, manufacture and distribute innovative charging systems to support the advent of sustainable transport. Wallbox aims to accelerate the change into a more sustainable way of transportation by providing a comprehensive, simple and effective solution for the charging issues among electric vehicles. With over 167 million euros in investment since its inception, Wallbox is positioned in several rankings as one of the Top 5 startups in Spain (20202021),  and continues its journey to make EV charging experience readily available across Europe.

Challenge

Ideate, test and design the wireframes (UX) for the two main screens of the mobile application: Main Dashboard and Schedule

My role

As a Product Designer, I identified improvement areas, created and tested the new wireframes and collaborated with the Wallbox design team.

Activities

Product benchmark

Preliminary sketches

Wireframing

Prototyping

Usability tests

UX design

Tools

Sketch

InVision

Notion

Miro

Slack

Google Meet

Process

Explore

Client workshop

Benchmark

Analyse

Team workshop

Research outcomes (all the research actions of the "Explore" phase)

Build

Preliminary sketches

Mid-fidelity wireframes 

High-fidelity wireframes

Prototypes

Usability tests

Outcomes

UX design

Support the Wallbox team

We focused our efforts around “quick-wins” for the two main screens of the mobile application: 1.Main Dashboard and 2.Schedule. Our team worked together with Wallbox over a period of 6 weeks to carry out 3 different usability test iterations with an overall total of 20 participants.

Design, test, design again

Explore and analysis

Why are we here?

1

Quick wins

Identified areas for improvement and inform UX decisions about dashboard and scheduling.

2

Wireframes (UX)

New wireframe designs for the app (mobile) delivered in Sketch and InVision format.

3

Collaboration

We worked hand in hand with the Wallbox team.

Build

We designed and executed 3 chronological iterations with an overall total of 20 participants in order to recurrently test and validate the different design approaches for Wallbox's app dashboard screen and schedule flow. Users were given a "traffic light" system, a simple and efficient method for ranking during the tests:
Red = Bad / Yellow = Neutral / Green = Good.

Demographics

The following information is from the participants who took part in our usability test iterations. The objective with this sample pool was to be inclusive in regards to age, gender and tech adoption. Wallbox’s app must be easy and clear enough to be used by everyone.

Group 875.png

First iteration

In this first iteration we tested 5 proposals of the Main Dashboard screen and 2 proposals of the Schedule screen with 7 users.

Group 876.png

Second iteration

In this second iteration we tested the 3 best valued proposals of the Main Dashboard screen and the same 2 proposals of the Schedule screen so that we could keep learning and improving the wireframes. This time the usability test was executed with 6 new users.  

Group 877.png

Third iteration

In this third iteration, the main difference from the other ones was that we implemented in the wireframes all the feedback we collected from the users from the other usability tests and we designed 3 wireframes proposals. In this case, we tested with 6 different users.

Group 326.png

Design proposal

The following design proposal is our final recommendation based on the test results. This UX approach has tested positively in all iterations.

Credit

Wallbox and Pixel Research Lab

bottom of page