Polza Diet

Una calculadora conecta el menú con el pedido.

Implementé el diseño de la calculadora del cliente y conecté la selección con el menú y los precios.

Sector
Reparto de comidas
Tecnologías
React / Ruby / SCSS
Año del proyecto
2023
Calculadora original con plan, platos del día y duración del pedido.
Detalle del proyecto

Calculadora original con plan, platos del día y duración del pedido.

El reto

El servicio de comidas necesitaba mejorar su calculadora para mostrar conjuntamente el menú y el coste.

La solución

Implementé el diseño del cliente con React y SCSS en un servicio existente basado en Ruby. Trabajé en la lógica que une plan, calorías, día de la semana y platos, y conecta esa selección con el resumen de duración y precio.

El proyecto en detalle

Las imágenes muestran la interfaz y su contexto. Los pies distinguen el material de archivo de las vistas actuales del sitio.

Elegir un plan y ver sus platos

Conecté la selección de plan y calorías con el menú diario. Se puede cambiar de día y revisar los platos antes de pedir. La calculadora presenta los planes del servicio. No diagnostica ni prescribe una dieta.

Selección original de otro plan y día. Se conserva la interfaz rusa.
Detalle del proyecto

Selección original de otro plan y día. Se conserva la interfaz rusa.

Vista de los diseños de escritorio y móvil proporcionados por el cliente.
Detalle del proyecto

Vista de los diseños de escritorio y móvil proporcionados por el cliente.

1 de 2

Mantener la selección cómoda en móvil

Implementé el diseño para pantallas pequeñas a partir de los archivos del cliente. Las opciones de plan y día quedan encima del carrusel para conservar el mismo recorrido en el teléfono.

Calculadora móvil original con opciones de plan y calorías.
Detalle del proyecto

Calculadora móvil original con opciones de plan y calorías.

Explicar el pedido antes de pagar

Trabajé en el resumen con número de días, precio diario y total. El detalle procede de la pantalla original. Los precios son del archivo del proyecto, no una oferta actual.

Detalle de la misma pantalla original con duración, precio diario y total.
Detalle del proyecto

Detalle de la misma pantalla original con duración, precio diario y total.

El resultado

Resultado

Selección conectada de menú y precio

En la práctica

Funcionamiento coherente en móviles

Detalles de Polza Diet

¿Qué trabajo de producto se abordó?

La calculadora mostraba antes de comprar cómo cambiaba el importe al elegir opciones del plan de comidas.