leba0495 / reclaim

ReClaim

Project Demo: https://reclaim-react.firebaseapp.com/
Project Social Media Promotion: https://www.linkedin.com/feed/update/urn:li:activity:6922179239895023616/

Table of Contents

1. Overview
2. Product Spec
3. Wireframes

Overview

Description

ReClaim is an exclusive marketplace for people to trade, collect, and post recyclable goods in NYC. You get to help the earth and get some cool recyclable goods at the same time.

App Evaluation

• Category: Social Networking / Recycling
• Desktop: This app is primarily developed for desktop, it is similar to Meta's marketplace. A mobile version is expected later on this year.
• Story: Users can trade, collect, and post recyclable goods in NYC.
• Market: Any individual could choose to use this app, and to keep it a safe environment. It is focused on invidiuals that want to keep the earth clean and care about recycling.
• Habit: This app could be used as often as the user wants. It depends on how much they care about the environment, and what exactly they're looking for.
• Scope: The first step is to roll it out in NYC. Analyze how people interact, and how much they recycle. Then, the goal would be to expand to different states. An addition to the product would be a community forum.

Product Spec

1. User Stories

Required Must-have Stories

• User logs in to access the MarketPlace.
• User searches recyclables by location or browses through the feed (think Indeed).
• Claimed Batches have a page dedicated to them where you can unclaim if needed.
• Liked Batches have a page dedicated to them where you can unlike if needed.
• Profile pages for each user

Optional Nice-to-have Stories

• More information about each user
• How many batches they have claimed thus far
• Community forum to interact with other users
• Badges/levels to reward users

2. Screen Archetypes

• Login
• Register - User signs up or logs into their account
  • Upon Download/Reopening of the application, the user is prompted to log in to gain access to their profile information to access the MarketPlace.
• MarketPlace - User is able to browse through the marketplace of recyclables.
  • They can search by lcoation, claimed, and liked.
• Profile Screen
  • Allows user to upload a photo of themselves.
• Liked Screen.
  • Allows user to see what batches they have liked.
• Claimed Screen.
  • Allows user to see what batches they have claimed.
• Upload Screen.
  • Allows user to upload batches of their own.

3. Navigation

Tab Navigation

• Home
• MarketFeed
• Liked Batches
• Claimed Batches
• Upload Batch
• Profile

Flow Navigation (Screen to Screen)

• Log-in /Sign up -> Account creation if no log in is available
• MarketFeed -> Jumps to all available batches
• Liked batches -> batches that have been liked
• Claimed batches -> batches that have been claimed
• Upload batches -> option to upload batch
• • Profile -> Profile photo to be uploaded

Wireframes

Figma prototype: https://www.figma.com/proto/7jKN0e9W72IBTZunEVyg63/ReClaim?node-id=350%3A405&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A6

Digital Wireframes & Mockups

<i

Interactive Prototype

Design Systems