An end-to-end app design based on a brand that is a shopping destination for customized recycled products.

The contemporary industry places significant emphasis on sustainability, upcycling and preserving tradition, creating widespread awareness about the environmental impact of manufacturing processes and encouraging individuals to be mindful of their consumption and its consequences.


This project is centered on a brand that repurposes used and vintage fabrics, preserving the tradition of quilting and stitching to create stylish clothing and fashion products.

Overview:

End-to-End Application (UX/UI Design)

Tools Used: Figma, Adobe Creative Suite

Time: 4 Weeks

Introduction

What is the problem?

As environmental awareness continues to grow, more and more people are seeking out ethical and sustainable brands for their lifestyle products. They are also exploring ways to recycle used clothing and other materials rather than simply discarding them. However, many individuals struggle to find convenient and accessible ways to contribute to the recycling and re-purposing of their used products.
Customers need a service that makes it easy for them to upcycle and transform their old clothing into new styles, or repurpose them into completely new products.

How can this be achieved through online platforms that simplify the process of ordering, sending old fabrics to the manufacturer, and receiving the desired customized product smoothly and hassle-free? Additionally, designers, brands, and consumers need to weigh the benefits and challenges of upcycling. While upcycled fashion offers a sustainable alternative, the industry must address issues such as cost, scalability, and consumer perceptions to achieve wider acceptance and success.


Goal

My goal is to develop an application aimed at facilitating the creation of custom upcycled products. The application will function as an online platform dedicated to the preservation and repurposing of aging textiles and garments by working on how that can be done through online platforms that simplify the process of ordering, sending old fabrics to the manufacturer, and receiving the desired customized product smoothly and hassle-free.

"I'm looking to improve the user experience of an E-Commerce app to make it easier for users to navigate and find personalized upcycled products because there are brands offering sustainable clothing options but it's challenging for users to find personalized upcycled products within the app.”

POV Statement

  • How can we enhance website navigation and accessibility for seamless ordering of personalized upcycled products?

  • How can we incorporate artificial intelligence to improve the process of selecting, filtering, ordering, checking out, and delivery, ensuring that users can effortlessly purchase personalized recycled products?

HMW

Research

In this initial design stage, I started with competitive analysis and user interviews to gather information and data about the existing similar brands and users’ needs followed by affinity mapping to organize and group the similar points.

Key Learnings

What can we learn from this process?

  • We need to think about the durability of the product.

  • Need an end-to-end app with smooth navigation for users.

  • Product variety and sizing guidelines (AI implementation).

  • Promoting customer acceptance and getting out of the misconceptions of durability and quality providing awareness.

Similar Capabilities

What do all the companies have in common?

  • Eco-friendly, sustainable, repurposing and upcycling.

  • The cost is too high and durability questions.

Competitive Analysis

Opportunities

Where can we progress or create value?

  • Work on the cost of production so that the pricing gets more affordable

  • Being creative and designing innovative products out of old and antique fabrics.

  • Bespoke designs as required by the customers.

  • Lack of an app, the brand only has responsive website.

  • Help in logistics to receive the old fabrics from the users.

User Interviews

I conducted the interviews with 5 participants from backgrounds who are:
·       Individuals knowledgeable about upcycling and sustainable design.
·       Individuals interested in purchasing sustainable products and passionate about recycling and preservation.
·       Online shoppers looking for custom-made clothing and other textile items.
·       Those who enjoy revitalizing antiques and vintage products with a modern flair.

A few important points that came out from the interviews are:

  • They are aware of sustainable products and are interested in buying repurposed products but are looking for a better place to shop.

  • They sometimes avoid shopping for repurposed products because of hygiene concerns, durability, and affordability concerns.

  • Fewer brands coming up with this idea result in fewer options to compare.

  • Most participants don’t know how to repurpose their old fabrics or where to donate them.

  • Places they prefer to buy recycled products: Thrift stores, Etsy, craft fairs.

  • Need proper research as some brands may falsely claim to produce sustainable products and overcharge.

Affinity Mapping

 
Define

In my next step, I began collecting and analyzing the information from the empathize stage to pinpoint and define the fundamental issue.

Putting all the above pain points and challenges altogether the key features to be worked upon are :

  • A landing page with search options and product categorization.

  • Easy navigation with a navigation menu-Logo-Sign in/account creation-shop-saved search-add to Wishlist options.

  • A form for information input.

  • Proper display of the product with details.

  • A virtual chat box.

  • One can opt for a parcel bag or box for orders above a certain price to send materials for recycling or production, or else they will receive a barcode to send them once ordered.

  • Donation option.

  • Contact and Awareness programs or events related to recycled and sustainable products.

  • AI Recommendation for outfit styling

Project Goals

User Persona

Jay, a textile designer who loves to recycle old products, is searching for workwear shirts but cannot find a brand that offers custom made recycled products.

Tara wants to wear her lucky jacket, gifted by her mother, but it needs restoration.

Jodi runs her own brand but needs a solution for recycling her excess stock.

User Flow and Task Flows

The user flow starts with the user selecting the product category. The user then continues shopping and customizing the selected product by Signing in.

Click on the image for enlarged view-

The Task flow shows how the user will follow the steps for shopping and customizing the selected recycled product and Sign in for customizing.

-Click on the image for an enlarged view.

Design

In this section, I will start by creating the initial structure of the app. This will involve beginning with hand sketches, then developing mid-fidelity wireframes, and finally creating high-fidelity wireframes.

Wireframing

I followed the crazy 8 method to sketch one idea in each square with a timer for one minute per square. This process helped me to think faster and come out with interesting solutions.

Low Fidelity Wireframing

Mid Fidelity Wireframing

Home

The homepage is where the user directly moves into the shopping section with various categories.

Dashboard

Provides statement of what the brand is about with a next button.

Iterations

1)

2)

1) Initially the dashboard page didnot have a back and next option, changed the skip button to back and next.

Customize

Provides option to select size, quatity and design change . It also provides parcel option to send old fabrics if one wishes to recycle their old products.

Product Search

A product catalog with a filter and customize option and write-up to break the monotony of the page.

Product Detail

The product detail page can lead the customer to the customization page if selected and it has the details of the product and provides awareness of the recycled material’s durability and value.

Mid Fidelity Prototype Testing

I conducted rapid mid-fidelity user testing to evaluate the app's usability, understand how accessible the user interface is, and gather feedback on users' experience with the screens and shopping procedures. I assessed how easy it was for them to find the customization form and steps. Additionally, I encouraged participants to provide suggestions and recommendations for improving the navigation and usability of the interface.

This test helped me to focus on the best features preferred by the users.

Things to change:
-Change the tag line on your dash board.
Add the donating fabric option on the dashboard to make it clear what is this App about.
-Add the estimated delivery date option.
-Add speech to text technology and a chat box.
-Correct the alignment and off centred navigation icons .
 

Branding and Style Tile

Inspiration

The visuals depict recycled products in vibrant and soothing natural colors.

The mood board expresses both the modern touch and the organic rustic feel.

Text and Color Style Tile

High Fidelity Wireframing

Logo Design for Mokosh

Dashboard

Homepage

Product Search

Customization

Prototyping and Testing

Click on the image to view the prototype

2) The customizing option was confusing for some users. As per their suggestion, the customization page was split into two pages. The first page allows adding elements, while the second page has a pop-up box for adding old fabric.

3)

Dashboard

3) Added few more options for customization or elimination option if someone wants to eliminate a feature.

4)

4) Users needed an explanation about how the old fabric is going to be repurposed into the selected product?
-Added the additional page that describes
how the old fabric is treated and changed to
the selected product along with parcel
receiving option.

Final Design- MOKOSH End-to-End App Design

Final Prototyping

Summary:

This project mainly focuses on end-to-end app design development for a brand that reuses used and vintage fabrics to create stylish clothing and fashion products by customizing according to the user’s choice of selection.

My Challenges:

Developing the entire flow for the End-to-End App was quite challenging because it required simplicity while providing all the key features in one App.

-I learned how to identify users' problems and develop an app that serves as an online platform providing customizing options in an easy input form instead of making the process more complex.

-I have developed an efficient process for creating customized recycled products to meet users' needs in a caring and empathetic manner. This involves providing simple forms with icons, managing logistics for sending and receiving parcels, and promoting the sale of recycled products through information dissemination.

Summary

Thank You!