My role

Led UX/UI, project management

Design Challenge

Hackathon

Platform

Mobile app

Timeline

4 days

Project scope

4 day hackathon challenge

For this hackathon I was placed in a team with 3 designers and 3 developers. We were prompted to build a MVP design that can help environmental sustainability. We chose to proceed with a marketplace app (rePlay) that allows parents and guardians to buy, sell, or trade unwanted children items. These items include toys, clothing, furniture, or baby products kids constantly outgrow. This is all in an effort to reduce the number of wasted materials sent to landfills, or that negatively impact the environment if not discarded properly.

For this hackathon I was placed in a team with 3 designers and 3 developers. We were prompted to build a MVP design that can help environmental sustainability. We chose to proceed with a marketplace app (rePlay) that allows parents and guardians to buy, sell, or trade unwanted children items. These items include toys, clothing, furniture, or baby products kids constantly outgrow. This is all in an effort to reduce the number of wasted materials sent to landfills, or that negatively impact the environment if not discarded properly.

Acheivements

And the award goes to…

Dun dun dun… and we are the Hackathon Winners!! 🥇
The idea and concept is a huge success. Based on our usability test results, we scored a 100% vote in users seeing themselves use this app in the future.

Dun dun dun… and we are the Hackathon Winners!! 🥇
The idea and concept is a huge success. Based on our usability test results, we scored a 100% vote in users seeing themselves use this app in the future.

View prototype

View github

The problem

Unwanted items need a second chance

Up to 100 million pieces of clothing and children toys are thrown away each year contributing to the release of greenhouse gases and toxins that enter our soil and water supply. Since a majority of this includes children’s clothing and toys, we focused our efforts to tackle this issue. We spoke with a few parents and discovered that there is a desire to buy, sell, and trade baby items in a sustainable way, especially at the rate their children grow.

Up to 100 million pieces of clothing and children toys are thrown away each year contributing to the release of greenhouse gases and toxins that enter our soil and water supply. Since a majority of this includes children’s clothing and toys, we focused our efforts to tackle this issue. We spoke with a few parents and discovered that there is a desire to buy, sell, and trade baby items in a sustainable way, especially at the rate their children grow.

The solution

A marketplace for renew, reuse, replay

Our goal is to provide a platform and local network for parents and guardians to buy, sell, or trade unwanted children items they are constantly outgrowing and give them a second chance. In addition to pushing sustainable efforts, this will only be a platform where transactions are done locally, eliminating the carbon footprint from shipping.

Our goal is to provide a platform and local network for parents and guardians to buy, sell, or trade unwanted children items they are constantly outgrowing and give them a second chance. In addition to pushing sustainable efforts, this will only be a platform where transactions are done locally, eliminating the carbon footprint from shipping.

Our user

Meet Laura

User flow

Laura's journey

For our MVP, we created a very straight forward and simple user flow to help us establish our most important features. We needed our user Laura to creating and complete a listing.

Design explorations

Iterate and test

I worked closely with 2 other designers as we workshopped some low fidelity sketch ideas and eventually built upon our mid-fidelity wireframes. We conducted usability tests with 5 participants and resulted in a success rate of 80% in task completion. The feedback we received helped us shape our hi-fi designs.

I worked closely with 2 other designers as we workshopped some low fidelity sketch ideas and eventually built upon our mid-fidelity wireframes. We conducted usability tests with 5 participants and resulted in a success rate of 80% in task completion. The feedback we received helped us shape our hi-fi designs.

Style guide

Visual design language

I created this style guide below to help speed up the process when building our high-fidelity. The Gambado Sans typeface really matched our brand’s playful and optimistic aesthetic so we chose to continue with this as our logo. This was useful for the team to have a color palette to play around with.

I created this style guide below to help speed up the process when building our high-fidelity. The Gambado Sans typeface really matched our brand’s playful and optimistic aesthetic so we chose to continue with this as our logo. This was useful for the team to have a color palette to play around with.

Design solutions

Feature prioritization

[1] Create an account

Creating an account is crucial for the user to get started on the app. The user will have the option to use single sign-on or create an account using their email. This screen will appear for first time-time users or if they are logged out. After creating an account, the user will be brought to the marketplace feed where they can browse.

Creating an account is crucial for the user to get started on the app. The user will have the option to use single sign-on or create an account using their email. This screen will appear for first time-time users or if they are logged out. After creating an account, the user will be brought to the marketplace feed where they can browse.

[2] List an item

To list an item, our user can hit the center button on the bottom navigation bar. It will direct them to the camera where they can either upload a photo or take a new one. However during our usability tests, we discovered the camera is an extra step if the user doesn’t need to take a photo. Our improvement would be to have the CTA go straight to create a listing page.

To list an item, our user can hit the center button on the bottom navigation bar. It will direct them to the camera where they can either upload a photo or take a new one. However during our usability tests, we discovered the camera is an extra step if the user doesn’t need to take a photo. Our improvement would be to have the CTA go straight to create a listing page.

[3] Fill in description

In order to complete the listing, the user will fill out necessary information regarding their item. This includes title, category, listing type, and description. While creating the listing the user also has the option to add tags to attribute their item, or save to drafts if they need to step away.

In order to complete the listing, the user will fill out necessary information regarding their item. This includes title, category, listing type, and description. While creating the listing the user also has the option to add tags to attribute their item, or save to drafts if they need to step away.

[4] View listing

Once the listing has been posted, the user will have the option to view their listing from the pop up message or by clicking through the profile tab where they can also see their saved drafts. All user information will be in the profile tab which we are considering a next step for the future.

Once the listing has been posted, the user will have the option to view their listing from the pop up message or by clicking through the profile tab where they can also see their saved drafts. All user information will be in the profile tab which we are considering a next step for the future.

Hackathon winners

Meet the team

Retrospective

What I learned 💭

This entire hackathon was an incredible collaborative experience. Building a product in 4 days came with many challenges. I met all my teammates for the very first time and we all had to figure out each other strengths and weaknesses, as well as how to work together effectively. I’m glad I had this opportunity to exercise my leadership skills as I really pressured into time management and ensuring our roadmap was feasible for everyone’s schedule and skillset. I’m really proud of what our team had accomplished in this short time frame. We even took 1st place and the people’s choice vote!

This entire hackathon was an incredible collaborative experience. Building a product in 4 days came with many challenges. I met all my teammates for the very first time and we all had to figure out each other strengths and weaknesses, as well as how to work together effectively. I’m glad I had this opportunity to exercise my leadership skills as I really pressured into time management and ensuring our roadmap was feasible for everyone’s schedule and skillset. I’m really proud of what our team had accomplished in this short time frame. We even took 1st place and the people’s choice vote!

Led UX/UI, project management

Hackathon

Mobile app

4 days

4 day hackathon challenge

4 day hackathon challenge

And the award goes to…