Misai

Table of Contents

• 1. Introduction
• 2. Objectives (key features)
• 3. Planning overview
• 4. User Stories
• 5. Prototypes
• 6. Finished Product
• 7. Authors
• 8. Aknowledgments

1. Introduction

A startup fashion company come with us looking to promote its products as much as possible around the country and in the future integrate e-commerce capabilities and distribute its products around the world.

The company wants to create a catalogue landing page to promote and share the promotions and products by the users and at the same time an admin page to upload, delete or edit products, categories and promotions.

Nowadays with the pandemic for covid-19 the form to buy everything it has changed. And the startup wants to be in this change.

Our task is put all the creativity and knowledge to create a web app where the users can see, purchase and share the products that this fabulous startup wants to share with the people and say that they have the best option to buy in the pandemic.

Let's present:

2. Objectives

The objectives that we want to realize with the startup is:

• Create opportunities for the user, to buy clothes in a single way, in a few time.
• Meet priority needs, create relations with the customers
• The users feel identified with the brand.
• And reduce the time decide the purchase that we see when the users go to a store in live.

3. Planning Overview

We started taking the requirements that the Product Owner gave us in the Kick off and have the security to understand all the requirements and create the best web app for this startup.

For the solution that we propose we use different tools and programming languages, libraries and frameworks to create great communication, great designs and great web for a great startup.

Our organization in development was in this form:

The organization of our files into the repository take this form, using React and React hooks, creating components and using the API gave it for our partner Nagarro.

4. User Stories

After we have taken the requirements, we divide the work in create user stories and create the prototype (Results in point 5) collaborating each one to consider and cover all the important things in the solution.

Here is the list of our user stories:

• As a customer i want to be able to identify myself through the brand.
• As a customer i want to be able to see the promotions.
• As a customer i want to be able to share a product.
• As a customer i want to be able to see the categories/ filter by gender/ garment/ product characteristics.
• As a customer i need a product search.
• As a customer i need to be able to see all the options in the categories i chose.
• As a client i need to able to see the products of the categories that i chose
• As a customer i need to see the detail of the product (size, opinions, colors, price, description).
• As a customer i need to be able to add my purchase to the cart.
• As a customer i need to be able to return to the categories / filtering.
• As a customer i need to be able to purchase the products from the cart.
• As a user (admin) i need to be able to enter with an account and password.
• As a user (admin) i want to be able to welcome the page.
• As a user (admin) i need to be able to add/ edit/ delete promotions.
• As a user (admin) i need to be able to add/ edit/ delete a category.
• As a user (admin) i need to be able to add/ edit/ delete a product
• As a user (admin) i need to be able to see the analytics of my page.

We consider 2 types os users for the requirements and scalation that the web app has.

We have the final user that he / she would buy our products and share with friends to recommend the brand.

And the admin user that he / she would manage and administrate the web app. The admin could edit, delete and add products, categories, and promotions.

Thinking to have more results on the next iterations we are adding the analytics to see all the views and shares from the users.

5. Prototypes

We are using this color palette to create an enviroment when the user can be him/herself, combine this palette with the color white as a background we are creating a clean and safe enviroment where the user can feel safe, free and he / she can buy whitout pressure the most fashion clothes and accesories.

According the low quality prototype and the proposal that the product owner and the team gave us let me present all the high quality prototype for this fashion retail web app.

Final Prototype Here you can see the complete prototype.

6. Finished product

After these days of challenge here it is our final product:

7. Authors

Squad 1 the autors for this awesome project

📌 Mirey Morales

📌 María José Aquino

📌 Itza Carrillo

📌 Monse Salas

📌 Brenda Sandoval

📌 Martha Navarro

8. Acknowledgements

Our thanks for this great teams for this great challenge and work