Overview
introduction
With the COVID-19 pandemic devastating so many industries, students from middle-to-low-income households have been hit especially hard. Artis is an intuitive and easy-to-use solution that utilizes the growth of digital payments to facilitate the buying and selling of used school supplies by students and/or their guardians.
problem statement
Offer a fintech service to reduce the burden on families of students.
solution
Artis
An app where guardians and students can trade used school supplies.
My task was to design a visually appealing and intuitive ecommerce platform to enable our users to buy and sell used school supplies. Being entirely responsible for the design of the app, I collaborated closely with the developer every step of the way.
Design Process
Research
User Surveys | User Interviews | Market Research | Competitive Analysis
My research goal was to learn more about the e-commerce process as a whole but to also accomplish the following:
- understand and develop the solution from both the buyer and seller side of the trading process.
- discover preventative measures in-app to ensure safe pickups and deliveries.
- empathize with the users and gain insight into their pain points in the context of the whole trade process.
- define user personas and user flows throughout the app.
Users
- Parent/Guardian
- Student
.png)
.png)
How would our solution work?
.png)
.png)
User Flow
From the analysis conducted during the research, I developed a user task flow to narrow down the scope of the project solution.
%20(1).png)
Design
In the design phase, I turned our flows into low-fidelity wireframes and then high-fidelity mockups. I focused on addressing the user's main points in terms of time, process length, saving information, and discovering relevant items during the process of uploading an item to be sold or searching for an item to buy.
Low fidelity wireframes
Here’s a look at the wireframes I developed for our proposed solution
High fidelity mockups
After communicating with the developer and reiterating the initial wireframes I created some high fidelity mockups before the app went into development
testing
What do the users say?
I conducted usability tests where participants completed the following tasks:
- Creating an Artis account.
- Uploading a product for sale.
- Buying a product from the app.
Results
Many users said that they would prefer a simple mobile payment system to other methods like cash-on-delivery.
Thus, I integrated a MoMo payment feature in-app as that is the most popular and thereby most accessible form of mobile payment in Ghana.
Impact
How does Artis help?
- Supporting local communities by building a product that utilizes fintech to solve very real problems for many middle to low-income families during the height of a global pandemic.
- Helping to make education accessible to all.
- Reducing waste.
- Encouraging reusing.
tech stack
Here's what I used to get it done
Design & UI - Adobe Illustrator, Adobe XD
Project Management (Sprint) - Notion
Code - JavaScript, React, CSS