Skip to content

anridu/sostenibleonline

Repository files navigation

Sostenible Online

Sostenible online és una web app que ofrece una oportunidad única a negocios locales. Tiendas y pequeños productores de ropa comprometida con la sostenibilidad veran como sus ventas aumentan y su sueño sigue adelante, aún en tiempos de pandemia.

Vamos a revolucionar el mundo de la moda ayudando a los pequeños comercios a aumentar su visibilidad online y acercando a la gente a los productos sostenibles, con sellos de garantía. Nuestros empresa y nuestro productos están comprometidos con la sostenibilidad en todos sus niveles tanto económico como social y ecológico

Sostenible online es un marketPlace, que a diferencia de otros como Amazon, ofrece solamente productos sostenibles. En el momento del lanzamiento ofrecerá artículos de ropa para hombre, para mujer y unisex. En una segunda fase se estudiará añadir otras categorías como complementos o productos para el hogar.

Nuestro negocio se dirige a dos segmentos, por una parte los compradores finales, personas comprometidas con la sostenibilidad que accederán a la app para comprar productos y por otra parte los negocios y tiendas locales que quieren vender sus productos online a través de nuestra tienda.

Product Pitch:

UX Persona:

Nuestro primer segmento, el público final, está representado por Elena, una compradora jóven que quiere adquirir prendas de ropa sostenible y de calidad.

Nuestro segundo segmento, los negocios que vendarán a través de la webapp, está representado por la propietaria de una tienda, de mediana edad, que ha decidido dar un empuje a su negocio añadiendo la venta online.

User Journey

Paleta de colores

Nuestra paleta de colores utiliza el verde como como color destacado ya que se trata de un color que se asocia a la ecología y la sostenibilidad y por lo tanto nos ayudará a reforzar nuestro mensaje a través del color. Para el texto y los títulos hemos definido un color gris oscuro y también contamos con dos variantes más claras del verde y del gris para matizar algunos elementos, aportanto variedad estilística a la página pero manteniendo un tono uniforme que no genere desconcierto en el visitante y aporte coherencia al proyecto.

Otros elementos de diseño

Sostenible Online está creado con tecnología React y el diseño de la app básicamente fundamentalmente diseñada con elementos de React Bootstrap. Para los títulos utilizamos la tipografía xxx. También hemos creado un logo de líneas simples para reforzar la identidad corporativa de Sostenible Online.

Dependencias

Existen algunas dependencias que hay que instalar:

Para utilizar el boiler plate:

$ npm install $ cp .env.example .env $ npm run start

Para Google Maps:

$ npm install react@latest react-dom@latest $ npm install leaflet $ npm install react-leaflet

Para el Carousel con múltiples slides (sellos de calidad):

$ npm install react-multi-carousel --save

Para el Footer

$ npm install --save mdbreact

User Stories y metodología Agile

Hemos trabajado la creación de las User Stories y el Kanvan Board en GitHub, creando un proyecto: