Revamping Bunnings' account dashboard to provide customers with the most important information they need, when they need it.

Client

Bunnings
2021

Brief

Revamping the account dashboard to to ensure customers easily access essential features while simultaneously improving usability and accessibility.

Contribution

User  Experience – User Interface
Visual Design – 
Motion
Accessibility – Micro interactions

bunnings-accounts-hero

Background

Bunnings' account experience was dated, disjointed and not scaleable. Customers expected the most important stuff at hand; but also easy navigation to less-used functionality.

Bunnings' account experience was dated, disjointed and not scaleable. Customers expected the most important stuff at hand; but also easy navigation to less-used functionality.

01

The old experience...

The old experience...

From our online chats with customers, two key themes emerged. 

Firstly, users wanted specific features, including order history, order status, lists, and preferred stores to be front and centre on their dashboards.

Secondly, there was notable feedback regarding the perceived clunkiness and accessibility issues of the current dashboard design.

From our online chats with customers, two key themes emerged. 

Firstly, users expressed the desire for specific features, including order history, order status, lists, and preferred stores to be front and centre on their dashboards.

Secondly, there was notable feedback regarding the perceived clunkiness and accessibility issues of the current dashboard design.

The approach

Internally, Bunnings' account experience was a wide-reach experience so we needed to bring together different team members from different parts of the business. Working collaboratively with this group, we utilised Google's design sprint framework to align on the path to the right solution. 

IMG_7596

How might we

Collaborating in a team environment and framing the challenge as a 'how might we' question set us on the right path. Going through this exercise with Bunnings' internal team, who had not encountered a similar process before, has taught me a lot.

hmw1
hmw2
hmw4
hmw3

How might we organise an account section that is intuitive so that all retail and commercial customers can easily access information and perform desired actions?

How might we organise an account section that is intuitive so that all retail and commercial customers can easily access information and perform desired actions?

Solution ideation

Solution ideation

Focusing on highlighting the most desired features identified in research and enhancing overall usability and accessibility, we created a series of crazy 8s as well as detailed solution sketches with the stakeholders.

solution-ideation

Testing & refinement

We refined the solutions through in-person user testing sessions with 10 Bunnings customers. The testing revealed a demand for increased personalisation in the dashboard, with a particular emphasis on increasing the hierarchy of preferred stores. This adjustment was important, as stock availability depended on the selected store for each account.

testing-refinement-3
testing-refinement-1
testing-refinement-2

Bringing it all together

The new solution established a strong, mobile-optimised foundation for the growth of Customer Accounts. This proved essential for Bunnings as they expanded nationally.

During the visual design process, our focus extended beyond enhancing usability and accessibility. We also started to shape a fresh visual direction for Bunnings' iconography. Additionally, we introduced purposeful motion elements into the experience, injecting the brand's helpfulness pillar into the digital realm.

visual-design-mobile
visual-design-desktop
iconography
subscribe
unsubscribe

Outcome

5%

User feedback surveys showed a decrease to 5% reporting difficulty.

90%

Implemented changes led to a WCAG compliance score of 90% compared to the previous score of 54%

Wishlist and project lists

Wishlist interactions increased to an average of 300 clicks per week.

68%

After the redesign, mobile usage increased to 68% of total access from 30%

Some things I learnt

Collaboration with stakeholders, including Bunnings' internal digital team, was crucial in achieving positive outcomes. Collaborating across disciplines ensured that diverse perspectives contributed to a well-rounded solution.

Involving stakeholders in user testing sessions fostered a shared understanding of user needs and project goals. This collaborative approach ensured alignment between design solutions and business objectives.

Striking a balance between improving usability and injecting a new visual direction can be challenging but never impossible. 

Learning to integrate accessibility testing as a standard part of quality assurance ensured a more accessible product.

Discovering that stock availability depended on the chosen store underscored the importance of understanding operational limitations in the business model, a crucial aspect that played a big role in finding the right solution.

Explore more projects

Explore more projects

 © 2024

 © 2024