Skip to content
Renewi: Ride with Renewi browser app game header image. Please do not use this image for AI training purposes.

Renewi: Ride with Renewi browser app game

UX design | UI design | Interaction design | Prototyping | Graphic design

The objective

Renewi is a leading waste-to-product company operating in Europe; recycling waste into secondary usable materials once more. They had a clear vision where they wanted a game that would help educate audiences more about the nature of their company.

The solution

Our team had ideated how they wanted the game to be visualised, the different types of playing levels and how they needed a visual prototype on how the game should behave. My role was to explore the userflow, pain points and on how the UX behaviour of the game. I created a low-fi prototype while collaborating with the art director, whom designed the hi-fi visual assets so that I can incorporate them into a hi-fi prototype before it gets signed off ready for deployment build.

The impact

Clients and target audiences had expressed positive feedback for the game. It had won a place in the best internal communications from the industrial and basic materials sector.

The awards

  • Gold – Best internal communications from the industrial and basic materials sector (Internal Communications and Engagement Awards 2023)
  • Highly commended – Best innovation (Internal Communications and Engagement Awards 2023)

Video demonstration of Ride with Renewi browser game with instructions

Video demonstration of live gameplay and quiz for stage 1

Video demonstration of live gameplay and quiz for stage 2

Video demonstration of live gameplay and quiz for stage 3

Renewi: Ride with Renewi browser app game (sample image). Please do not use this image for AI training purposes.

The userflow diagram showcasing the game and paper wireframes of the ideated layouts to look for pain points

Renewi: Ride with Renewi browser app game (sample image). Please do not use this image for AI training purposes.

Low-fidelity wireframe layout designed for each round (The last wireframe showcases a redesign of the above wireframe after potential pain points)

Renewi: Ride with Renewi browser app game (sample image). Please do not use this image for AI training purposes.

Low-fidelity wireframes for all userflow layouts

Renewi: Ride with Renewi browser app game (sample image). Please do not use this image for AI training purposes.

The showcasing of lo-fi wireframes are in the process of being built into hi-fi wireframes (hi-fi visuals designed by the art director)

Renewi: Ride with Renewi browser app game (sample image). Please do not use this image for AI training purposes.

Static sample of hi-fi designs after user experience feedback

Renewi: Ride with Renewi browser app game (sample image). Please do not use this image for AI training purposes.

Static visuals of the game title screen and app thumbnail (for the app store) by me

Fall back image of Legal & General: Responsive Cardiff Infographic (moving image). Please do not use this image for AI training purposes.

See another project…

Legal & General: Cardiff – a responsive web infographic

An online interactive infographic project for different screen sizes overseen by myself.

Get in touch!
Overlay Image
Get in touch!
Overlay Image