Source: https://fuentesmarketingdesign.com/es/portfolio/miami-value-prep/

[Inicio](/es/) / [Portafolio](/es/portfolio/) / Miami Value Prep

COMIDAS PREPARADAS / DISEÑO WEB + PEDIDOS SEMANALES

# MiamiValue Prep.

Un menú semanal convertido en un sistema de trabajo.

Un sitio a medida para Miami Value Prep, también conocido como M.V.P Meals, que conecta una marca reconocible y imágenes de comida del sitio con un proceso organizado de pedidos semanales.

[Visitar el sitio web](https://miamivalueprep.com/)[Ver la demostración](#project-walkthrough)

[![Miami Value Prep / Página de inicio publicada](/assets/portfolio-systems/mvp-home.webp)](/assets/portfolio-systems/mvp-home.webp)

Miami Value Prep / Página de inicio publicada

Detalles del proyecto

ClienteMiami Value Prep

LugarMiami, Florida

TrabajoDiseño web a medida · UI/UX · pedidos semanales · panel de gestión del negocio

EnfoqueMenús semanales · selección de comidas · pedidos y estados de pago

01 / EL RETO

## Diseño web y pedidos semanales para Miami Value Prep

El tamaño del paquete, los platos, las cantidades, las necesidades alimentarias y la entrega deben llegar juntos. Un proceso dedicado les da un lugar definido, para que el negocio no tenga que reconstruir cada pedido a partir de conversaciones separadas.

Mantener la elección personal. Dar estructura a los detalles.

02 / LA DIRECCIÓN

## La comida al frente. Las opciones claras.

La identidad de Miami Value Prep marca la dirección: tipografía firme, acentos turquesa y rosa, e imágenes de comida. El menú semanal presenta los platos disponibles, mientras que la página de pedidos separa el paquete, las cantidades y los extras opcionales.

[![Menú semanal con imágenes de comida y enlaces para elegir platos.](/assets/portfolio-systems/mvp-menu.webp)](/assets/portfolio-systems/mvp-menu.webp)

Menú semanal con imágenes de comida y enlaces para elegir platos.

03 / EL SISTEMA EN ACCIÓN

## Un proceso de pedidos online para comidas semanales

El cliente elige un paquete y combina platos hasta completar todas sus comidas. El resumen se actualiza con cada selección, mostrando cantidades y total. Antes del envío se recogen las necesidades alimentarias y los datos de entrega.

Tu navegador no puede reproducir este video.

LA INTERFAZ EN ACCIÓNGrabación de la interfaz real en un entorno aislado con datos ficticios. Sin audio. Los menús, precios y fechas mostrados son una captura, no información actual de disponibilidad.

El proceso actual permite elegir cantidades para la semana; no asigna platos a días individuales. El pedido y la confirmación del pago son pasos separados.

Descripción paso a paso del video

- Abrir el inicio y explorar el menú semanal.

- Elegir un paquete de cinco comidas.

- Agregar distintos platos y ver cómo cambia el resumen.

- Completar datos ficticios de contacto y entrega y enviarlos al sistema aislado de demostración.

- Abrir Weekly Orders y revisar el estado impago del pedido de ejemplo. No se cobra ni se verifica ningún pago.

[Abrir el video directamente](/assets/portfolio-systems/mvp-walkthrough.mp4)

04 / RECORRIDO DEL CLIENTE

## El resumen acompaña cada decisión.

Las cantidades, el precio del paquete, los extras y la entrega se organizan en una sola solicitud. El cliente puede agregar necesidades alimentarias e instrucciones antes de enviarla. El mensaje de recepción confirma que llegó el pedido, sin afirmar que se recibió un pago.

[![Cantidades de comidas junto al resumen actualizado del pedido.](/assets/portfolio-systems/mvp-selections.webp)](/assets/portfolio-systems/mvp-selections.webp)

Cantidades de comidas junto al resumen actualizado del pedido.

[![Datos del cliente y resumen de un pedido ficticio antes de enviarlo.](/assets/portfolio-systems/mvp-summary.webp)](/assets/portfolio-systems/mvp-summary.webp)

Datos del cliente y resumen de un pedido ficticio antes de enviarlo.

05 / GESTIÓN DEL NEGOCIO

## Gestión que respeta el proceso real de pago.

La propietaria revisa pedidos semanales, platos y notas, y distingue los pedidos pagados de los pendientes de pago. El cliente paga por Zelle fuera del sitio. La propietaria marca el pedido como pagado solo después de verificar la recepción; el sitio no procesa tarjetas ni verifica transferencias automáticamente.

[![Panel Weekly Orders con registros ficticios y tabla de pedidos pendientes de pago.](/assets/portfolio-systems/mvp-owner-orders.webp)](/assets/portfolio-systems/mvp-owner-orders.webp)

Panel Weekly Orders con registros ficticios y tabla de pedidos pendientes de pago.

[![Editor de un pedido de ejemplo con estado de pago Unpaid.](/assets/portfolio-systems/mvp-payment.webp)](/assets/portfolio-systems/mvp-payment.webp)

Editor de un pedido de ejemplo con estado de pago Unpaid.

Las pantallas de gestión muestran únicamente registros ficticios. Las herramientas privadas no están enlazadas desde este caso de estudio.

06 / EXPERIENCIA MÓVIL

## Diseño móvil para pedidos de comida

En móvil, los paquetes y controles se organizan en una sola columna. Un carrito compacto mantiene cerca la cantidad y el total. Su acción para continuar lleva al cliente a la siguiente parte incompleta del pedido.

[![Inicio de Miami Value Prep en una pantalla móvil.](/assets/portfolio-systems/mvp-mobile-home.webp)](/assets/portfolio-systems/mvp-mobile-home.webp)

Inicio de Miami Value Prep en una pantalla móvil.

[![Selección de comidas y carrito compacto en móvil.](/assets/portfolio-systems/mvp-mobile-order.webp)](/assets/portfolio-systems/mvp-mobile-order.webp)

Selección de comidas y carrito compacto en móvil.

07 / EL RESULTADO

## Un sitio que sigue siendo útil después del pedido.

El menú público y el panel de gestión comparten un sistema organizado. Las selecciones llegan como registros que el negocio puede revisar, junto con los datos para preparar y entregar las comidas. El resultado es una herramienta operativa y una presencia digital con identidad propia.

[Diseño web en Miami](/es/services/web-design-miami/)[Más proyectos](/es/portfolio/)

TU PRÓXIMO PROYECTO

## Una identidad clara.Un sitio que trabaja contigo.

[Cuéntanos tu proyecto](/es/contact/)[Kids World Soft Play](/es/portfolio/kids-world-soft-play/)
