Houseshare Recycle

How do you increase engagement levels and encourage Financial professionals to return to a site that had fall out of favour and lost its way?

University of the Arts London Logo
Houseshare recycle main image
Houseshare recycle main image

Houseshare Recycle

I did a UX design course ai University Arts London. One of our tasks: Design an application to help London Flatmates to improve their recycling.

University of The Arts London.
Course Tutor: Stephano Bellucci Sessa
Spring 2019.

University of the Arts London Logo

User experience is such a huge part of digital design these days, product design methodologies have made a huge impact. I wanted to add another string to my bow, it was time for a refresher.

Houseshare recycle screens

I learned a great deal on this course. Some of it was new, some of it I already did, but it had a different name. It was a fun and inspirational experience – recommended

I learned a great deal on this course. Some of it was new, some of it I already did, but it had a different name. It was a fun and inspirational experience – recommended

The Team

Course Tutor
Stefano Bellucci Sessa

The Channels

App Design

Brief

Design an application to help London Flatmates to improve their recycling.

Solution

Everyone in our user interviews complained about the lack of information available. What is recyclable and what isn’t. What do all the icons on packaging actually mean? Our app came packed with a tonne of information, icons explained, bid day reminder and a barcode scanner with an ‘ask your supermarket why this isn’t recyclable’ button.

Planning

Wall Postits session

Wall session defining patterns.

Wall session defining patterns

Wall session defining patterns.

Persona card

For the purpose of this exercise, we had wall session and came up a potential persona to work with.

Workflow map

Workflow diagram.

Workflow map

Workflow diagram.

Wireframing

Initial sign up screens put together in Marvel.

First hit at wireframes in Figma.

Wireframe comments in Figma

Wireframe first hit – Comments for improvement in Figma.

Comments taken in and improvements made. Next steps – bring in some colour.