Guía de Mayores

Diseño completo de una PWA.

Marketplace de servicios sanitarios.

Año: 2019

El reto.

Guía de Mayores, ONG española que trabaja por y para los gente mayor desde 2016 utilizando las nuevas tecnologías y el conocimiento, decide contar con nosotros para diseñar y desarrollar un marketplace de referencia para que profesionales sanitarios y centros oferten sus servicios para gente mayor, dependiente y discapacitada (fisioterapia, enfermería, cuidados, etc).

Entendimiento y definición.

El cliente solicita los siguientes servicios:

Aplicación web-app para la contratación de especialistas en el sector geriátrico, de una forma fácil, rápida, localizada y con la seguridad de estar contratando un profesional o centro verificado por la ONG.

Lanzar una primera fase del producto que sea flexible para acompañar al crecimiento del negocio de forma escalada.

Búsqueda y filtrado de servicios en base a la especialidad socio-sanitaria que desea el demandante y su localización (ciudad y código postal).

Sistema de autenticación de ambos tipos de clientes (usuarios y profesionales/centros), de los servicios ofrecidos y de las valoraciones y comentarios por parte de la comunidad.

Pasarela de pagos integrada para la contratación de los servicios con tarjeta de crédito/débito.

Panel de administración para la ONG para la consulta y gestión de la plataforma.

Tras la fase de Entendimiento, donde estudiamos a fondo el caso particular del cliente para ofrecer la mejor solución a sus necesidades, realizamos una planificación y definición detallada del proyecto y el sistema: una PWA -Progressive Web Application- basada en un stack MEAN. 

 

En general, las PWA describen una colección de tecnologías, conceptos de diseño y APIs web que funcionan en conjunto para proporcionar en la web una experiencia similar al de una app nativa instalada.

cuadro-rosa.jpg
cuadro-rosa.jpg

API Rest

1

cuadro-azul.jpg

Producción.

PWA

Despliegue a producción

3

Salesforce

Panel administración

cuadro-rosa.jpg

Entorno desarrollo

cuadro-rosa.jpg

Repositorio Git

cuadro-rosa.jpg

Integración continua

cuadro-azul.jpg

Staging.

Despliegue a test

1

cuadro-rosa.jpg

2

Validación

cuadro-rosa.jpg

Panel administración

1

PWA

API Rest

nodejs-new-pantone-black.png
angularjs-logo-600x394.png
ExpressJS.png
mongodb-logo.png
PWA.png

Para garantizar la buena gestión y desarrollo del proyecto, se trabaja con metodologías ágiles (SCRUM), realizando entregas parciales y reuniones continuas con el cliente.

metodologia-y-diseno-de-pwa.jpg

Integración continua (IC) - Es una práctica de desarrollo de software mediante la cual combinamos los cambios en el código en un repositorio central de forma periódica, y a continuación se ejecutan versiones y pruebas automáticas.

Test Driven Development (TDD) - Todo el ciclo de desarrollo de la solución ha sido dirigido por tests. Para ello, el sistema programado es lo suficientemente flexible como para permitir que sea probado automáticamente.

lyra-diagrama-metodologias-birchman

Metodologías

Modelo de datos

Desarrollo tecnológico

Despliegue

Metodología.

Diseño y desarrollo.

Realizando un proceso de mejora continua aplicando las últimas tendencias en tecnología, diseño y creatividad, con el objetivo de que los clientes tengan una experiencia, conexión e interacción memorable con la marca a través de cualquier canal.

Diseño de interfaz (UI) y experiencia (UX).

Optimizando la experiencia de navegación y compra de los clientes a través de todo tipo de dispositivos, consiguiendo un diseño final muy intuitivo, moderno, atractivo, a la vez que limpio y minimalista. 

Con especial foco en una buena categorización, búsqueda, filtrado y ficha de productos.

✅_DSK_S1_HOME.png
✅ DSK S4.1_ Order complete.png
✅_DSK_S7.1._Get_list_of__Services.png
✅ DSK S7.4_ List of orders.png
✅ DSK S7.2_ Create Service.png
✅ DSK S2_ Search Results.png
✅_DSK_S2__Search_Results_+_menu.png
✅ DSK S4_ Checkout.png
✅_DSK_S7.3._Edit_personal_info__and_Save
Business registration.png

Destacando principalmente:

Desarrollo de funcionalidades a medida en Woocommerce para adaptarlos a su modelo de negocio y procesos.

Personalización del front-end utilizando child-theme (estándar de WP).

Rediseño de la categorización de productos y arquitectura de datos.

Plataforma flexible para acompañar al crecimiento del negocio de forma escalada.

Migración de toda la información y datos de clientes, productos y páginas de la tienda antigua.

Integración de Woocommerce y Salesforce a través de un módulo de comunicación bi-direccional vía API Rest: se exponen los datos de pedidos, productos y usuarios de las dos plataformas. Y conforme a los flujos solicitados por el cliente, se programa la sincronización de datos entre las dos plataformas.

Mejora significativa de la velocidad de carga de la web y del administrador.

Repositorio de código en la nube (Git), despliegues automáticos y backups.

Desarrollo de la PWA.

pwa-guia-de-mayores-home.jpg
pwa-guia-de-mayores-resultados-de-busque
pwa-guia-de-mayores-pagina-de-servicio.j
pwa-guia-de-mayores-checkout.jpg
pwa-guia-de-mayores-order-complete.jpg

Queremos trabajar contigo.