PROJECT OVERVIEW
Trödel Spende is a based Berlin startup whose product is a second-hand marketplace where users can donate items giving them a second life and in exchange, the raised amount of money will be addressed to an NGO they decide to support.
PROBLEM
The website is already active with users and items, but it should be more inviting to donate, thus increasing the transactions.
GOALS
Redesign the platform and motivate users to donate using gamification as a competition, at the same time bringing a sense of trust and with these increasing the active users, upload items, and website interaction.
TEAM PROJECT
3 UX/UI Designers
DURATION
2 weeks sprint
SURVEY
For our quantitative research, we decided to conduct a survey to understand their behavior with second-hand marketplaces platforms, their perceptions about NGO donations, as well as their opinion about using gamification for recognition.
.png)
INTERVIEW
We did our qualitative research by interviewing 2 active users of Trödel Spende to hear their struggles and motivations, and 1 potential user who sells and buys second-hand clothes and is involved in supporting NGOs too. One twist we had is that any of them were interested in gamification, as in competition way.
.png)
COMPETITOR ANALYSIS
We compared the most mentioned indirect competitors' second-hand marketplaces in the survey: eBay Kleinzeige, Facebook Marketplace, and Nebenan and we included Humana since it's a direct competitor, selling second-hand clothes and raise money for its organization.
.png)
USER PERSONA
After we compiled the research info into an affinity map, we created our User Persona representing the main user group.
.png)
PROBLEM & HYPOTHESIS STATEMENT
Through an HMW exercise, we established our Problem with its Hypothesis Statement.
.png)
UX AUDIT
We analyzed and took notes of the platform's state, looking for improvements in terms of visual interface and usability.
FEATURES & DESIGN PRIORITIZATION
The next step was to decide which feature and which design improvements to focus on, supporting us with a Moscow Diagram, deciding on the ones that bring us more value without committing time's effort: Must & Should.
USER FLOW
We delineate the User Flow of Gabi:
.png)
MID-FI WIREFRAMES & PROTOTYPE
We started our first Lo-Fi wireframes drafts, and during this stage, I proposed some ideas to be implemented:
STYLE GUIDE
I did some branding color testing before we crafted our Style Guide and with it, the UI Kit to create consistency. I also was especially in charge of the Badges illustrations.
HI-FI WIREFRAMES & PROTOTYPE
After the Mid-Fi was tested, we did some changes adding colors, typography, and incorporating the UI Kit. We tested with 3 users and we made some color and UI elements changes. We are still in the testing stage.
.png)
TESTING
We made tests during the whole process: LoFi, MidFi and HiFi Wireframes Prototypes, we took notes, and decided what implements could work.
.png)
While doing this project, I learned:
• Research helped me to verify assumptions: the first thoughts were that users would be motivated to donate with a competition when they weren't interested
• To be aware of the company's possibilities
• Maintain good communication with developers to provide realistic solutions
• The more I iterate, the better the design becomes
• Prioritize ideas accordingly to the company's stage and first users' needs
• Listen to users, but as a designer, I decide what to design for them
• Testing shows another perspective that helps teams to make decisions but also to have tools to defend them
The following steps are:
• Still testing and defining the UI Kit
• Create more User Personas with their User Flows to design other website pages: About, Help Center, Settings...
• Continue communicating with the developers/IT department
• We’ll collaborate for the next project: the Mobile version