LITTLE CAESAR'S APP · UX / UI · Mobile App · Food & Beverage

Little Caesar's App — Rediseñando la experiencia de pedidos online

Rediseño de la experiencia móvil de ordenar pizzas — simplificando el flujo de compra para una audiencia diversa e inclusiva.

Mobile App UX Research Design Thinking Prototyping Trabajo no oficial · 2025
Ver Prototipo
Año 2025
Duración 5 semanas
Rol UX/UI Designer
Herramientas Figma · Ai · Ps
Little Caesar's App — mockup screens
10
Usuarios entrevistados
3→1
Pasos de checkout simplificados
5
Insights clave identificados
3
Segmentos de usuario cubiertos
Contexto del proyecto

¿Por qué rediseñar la app de Little Caesars?

Little Caesars es una reconocida cadena internacional de pizzas, fundada en 1959 en Estados Unidos, famosa por su eslogan "Hot-N-Ready" y su modelo de pizza lista para llevar.

Su aplicación móvil es clave para agilizar los pedidos y conectar con los clientes de forma rápida y eficiente. Sin embargo, la experiencia digital actual no satisface plenamente las expectativas de los usuarios modernos.

En un panorama digital competitivo, una interfaz clara, intuitiva y visualmente atractiva es esencial — especialmente para audiencias diversas que incluyen adultos mayores, personas con discapacidad y usuarios con baja alfabetización digital.

Herramientas

Figma Adobe Illustrator Adobe Photoshop Google Forms

Metodología

Design Thinking User Research Usability Testing

Tipo de proyecto

Redesign Consumer Mobile App

Trabajo no oficial, realizado con fines educativos y de práctica profesional. No representa a Little Caesars.

Framework

Proceso de Diseño

Se aplicó el framework Design Thinking de 5 etapas para centrar el diseño en las necesidades reales de los usuarios, desde la investigación hasta la validación.

Empatizar
Entrevistas Encuestas Empathy Map
Definir
Personas Journey Map POV · HMW
Idear
Brainstorming User Flow Arquitectura IA
Prototipar
Wireframes Design System Hi-Fi Prototype
Probar
Usability Test Iteraciones Resultados
Planificación

Cronograma del Proyecto

En 5 semanas se completó el plan de UX Research y el proceso de diseño — incluyendo entrevistas, mapas de empatía, User Personas, User Journey, definición del problema, hipótesis, arquitectura de la información y prototipado funcional.

Semana 1
UX Research
  • Entrevistas (10)
  • Encuestas
  • Benchmark
Semana 2
UX Research
  • Análisis de datos
  • Mapa de Empatía
  • User Personas
Semana 3
Definir · Idear
  • User Journey Map
  • POV · 5W · 1H
  • Hipótesis · HMW
  • User Flow
  • Arquitectura IA
Semana 4
UI Design
  • Bocetos
  • Wireframes
  • Design System
  • Diseño Visual
Semana 5
UI Design · Test
  • Prototipado
  • Pruebas de Usabilidad
  • Iteraciones
01 Empatizar

Se exploraron las necesidades y puntos de dolor a través de entrevistas y encuestas con 10 usuarios de perfiles diversos.

Entrevistas · 5 preguntas clave

Estructura de la investigación

Pregunta 1

"¿Con qué frecuencia utilizas la app de Little Caesars y para qué tareas la usas principalmente?"

Objetivo: Identificar los usos más comunes y prioritarios.

Pregunta 2

"¿Qué tan fácil o difícil te resulta navegar por la app y completar tu pedido?"

Objetivo: Detectar puntos de fricción y problemas de usabilidad.

Pregunta 3

"¿Qué opinas del diseño visual de la app? ¿Hay elementos que te gusten o que podrían mejorar?"

Objetivo: Recoger percepciones sobre estética, claridad y confianza.

Pregunta 4

"Si pudieras cambiar o agregar una función en la app para que tu experiencia fuera mejor, ¿cuál sería?"

Objetivo: Identificar necesidades no cubiertas.

Pregunta 5

"¿Has usado apps de otras cadenas de comida rápida? ¿Qué características te gustaría ver en Little Caesars?"

Objetivo: Inspirarse en buenas prácticas de la competencia.

1. Hábitos de uso
AS
Andrea Solís, 27
Estudiante universitaria

La uso una o dos veces por semana, sobre todo para pedir pizza en la noche cuando tengo poco tiempo libre.

JA
Jorge Aguirre, 35
Empleado de oficina

La uso unas 2–3 veces al mes, normalmente en la comida de la oficina o cuando tengo poco tiempo.

MB
Mariana Buendía, 44
Ama de casa

Casi cada semana, porque mis hijos adoran la pizza. La uso para pedir desde casa y recoger en el camino.

2. Facilidad de uso
CC
Carlos Castrejón, 22
Estudiante universitario

La app es lenta. Me desespero porque quiero pedir rápido, y a veces no carga bien la ubicación de la sucursal.

LM
Laura Montes, 30
Diseñadora freelance

El flujo de compra es confuso. Por ejemplo, no tengo la claridad de mi orden y en qué momento puedo revisar mi carrito de compra.

RC
Raúl Cortés, 33
Emprendedor con discapacidad visual

Es complicado porque los textos son pequeños y no siempre tienen buen contraste. Tengo que hacer zoom en la pantalla.

3. Diseño y Percepción
VD
Valeria Domínguez, 24
Madre soltera, poco tiempo libre

No está bien pensada para alguien que necesita velocidad. Me hace dar demasiados pasos.

AP
Ana Pérez, 19
Estudiante rural con datos limitados

Parece pesada, con demasiadas imágenes que tardan en cargar.

MN
Marcos Noriega, 60
Adulto Mayor

No siento que la app esté hecha para personas de mi edad. Es poco intuitiva y me hace dudar si estoy comprando bien.

Datos cuantitativos

Resultados de la encuesta

¿Cómo sueles pedir pizzas?

App
32%
En mostrador
23%
Página web
20%
Terceros
16%
Teléfono
9%

Dificultades más frecuentes al ordenar

Falta seguim.
32%
Problemas pago
33%
Otro
16%
Carga lenta
10%
Confusión proceso
9%

Funciones más deseadas en la app

Personalizar
37%
Favoritos/Reordenar
23%
Seguimiento
22%
Promociones
13%
Pago ágil
5%
— Insights

La diversidad de usuarios brindó una visión integral que guía el diseño de soluciones inclusivas.

La diversidad de usuarios incluidos en el estudio —jóvenes digitales, amas de casa, adultos mayores, personas con discapacidad y grupos subrepresentados— nos brindó una visión integral y representativa. Esta riqueza de perspectivas permite generar insights sólidos que guiarán el diseño de soluciones más inclusivas y efectivas.

Eficiencia en pedidos y seguimiento

  • Los usuarios desean un proceso más rápido y claro al realizar pedidos.
  • Existe frustración al no poder dar seguimiento en tiempo real al estado del pedido.

Accesibilidad y usabilidad inclusiva

  • Personas con discapacidad visual y motriz requieren opciones de accesibilidad.
  • Usuarios mayores encuentran confusa la interfaz y solicitan un diseño más simple.

Personalización y recordatorios

  • Jóvenes digitales esperan funciones como pedidos frecuentes, favoritos y promociones personalizadas.
  • Solicitan recordatorios inteligentes para pedidos recurrentes.

Confiabilidad de la información

  • Se detecta desconfianza en tiempos de entrega y disponibilidad de productos.
  • Los usuarios piden mayor transparencia en inventario y tiempos estimados.

Experiencia adaptada a comunidades subrepresentadas

  • Usuarios de zonas rurales o con conexión limitada requieren una app ligera.
  • Grupos subrepresentados valoran sentirse incluidos en la investigación.
— Benchmark Competitivo

Análisis de 4 apps de comida rápida para identificar estándares de industria y oportunidades de diferenciación.

Competitive Analysis

Little Caesars vs. Competencia

Los usuarios mencionaron Rappi, Domino's y McDonald's como referencias. Este análisis sistematiza qué funciones están ausentes en la app actual y cuáles son oportunidades claras de diseño.

Dimensión Little Caesars (actual) Domino's McDonald's Rappi
Checkout en ≤3 pasos ✗ 7+ pasos ✓ 3 pasos ✓ 4 pasos ✓ 2 pasos
Seguimiento en tiempo real ✗ No disponible ✓ Pizza Tracker ◑ Estimado ✓ GPS en vivo
Personalización de producto ◑ Limitada ✓ Completa ✓ Completa ◑ Por restaurante
Favoritos / Reordenar ✗ No existe ✓ Easy Order ✓ Recientes ✓ Rápido Reorder
Accesibilidad (tamaño fuente, contraste) ✗ Deficiente ◑ Parcial ✓ Sólida ◑ Parcial
Pago con Apple/Google Pay ✗ No disponible ✓ ✓ ✓
Modo bajo consumo de datos ✗ ✗ ✗ ◑ Básico
Programa de fidelización ◑ Básico ✓ Puntos ✓ MyMcD's Rewards ✓ Rappicredits

✓ Disponible   ◑ Parcial   ✗ No disponible

02 Definir

Transformamos la investigación en claridad: problemas reales, necesidades priorizadas y objetivos concretos.

Problem Statement · POV

Los usuarios de Little Caesars necesitan una experiencia de pedido móvil rápida, clara y accesible — porque la app actual presenta flujos confusos, falta de seguimiento en tiempo real y barreras de accesibilidad que generan abandono y frustración en perfiles diversos.

¿HMW simplificar el flujo de checkout para que cualquier usuario complete un pedido en menos de 3 pasos?
¿HMW diseñar un sistema de seguimiento visual que genere confianza y reduzca la ansiedad de espera?
¿HMW hacer la app accesible para adultos mayores y personas con discapacidad visual sin sacrificar velocidad para usuarios avanzados?
¿HMW personalizar la experiencia para que los usuarios frecuentes puedan reordenar sus favoritos en un solo toque?
User Personas

Tres segmentos, tres realidades

Para cubrir un espectro inclusivo se crearon personas con dominio total, intermedio y bajo de la tecnología — todos dentro de la audiencia objetivo.

AV
Andrea Valverde
Millennial Digital
22 años · Soltera
Marketer en CDMX
"Quiero pedir mi pizza en segundos, no perder tiempo navegando."

Objetivos

  • Pedir pizza sin fricciones.
  • Personalizar pedidos frecuentes.
  • Recibir notificaciones de promociones.

Frustraciones

  • App lenta y confusa en promociones.
  • No hay seguimiento en tiempo real.

Necesidades

  • Fluidez, personalización.
  • Recordatorios automáticos.
CV
Carmen Villanueva
Ama de Casa
41 años · Casada
Mérida, México
"Necesito que la app sea clara y rápida, no tengo tiempo para adivinar cómo funciona."

Objetivos

  • Comprar pizzas rápido sin complicaciones.
  • Acceder a combos económicos.

Frustraciones

  • La app tiene pasos innecesarios.
  • No entiende algunos íconos.
  • Promociones confusas.

Necesidades

  • Interfaz clara, tipografía legible.
  • Navegación guiada.
MA
Manuel Arroyo
Adulto Mayor
70 años · Casado
Jubilado, Guadalajara
"Quiero pedir mi pizza yo solo, sin depender de mis nietos para usar la aplicación."

Objetivos

  • Aprender a usar la app con apoyo.
  • Pedir comida sin depender de llamadas.

Frustraciones

  • No encuentra botones fácilmente.
  • Tipografía muy pequeña.
  • Demasiada información en pantalla.

Necesidades

  • Versión simplificada.
  • Modo accesible.
  • Tutorial interactivo.
User Journey Map

El camino del usuario, etapa por etapa

Dimensión Descubrimiento Exploración Menú Selección de Producto Carrito y Checkout Confirmación
Acción Abre la app para pedir pizza. Navega entre promos y catálogo. Personaliza pizza o elige combo. Revisa pedido, paga. Espera confirmación del pedido.
Emoción Ansioso por rapidez Confusión por exceso de elementos Motivado, pero frustrado si hay demasiados pasos Quiere cerrar rápido Tranquilidad al ver que está en proceso
Pain Point Home saturado, CTA difícil de encontrar Banners y menús poco accesibles Interfaz poco intuitiva para agregar extras Checkout extenso, distracciones visuales Pantalla poco informativa
Oportunidad Destacar "Ordena ahora" como CTA principal Cards limpias, categorías claras, navegación en tabs Flujo de personalización en 1 pantalla con pasos claros Resumen claro + 2 métodos de pago visibles Tracking visual del estado + estimado de entrega
03 Idear

A través de brainstorming, wireframes y flujos de usuario, exploramos múltiples caminos para simplificar la experiencia.

Brainstorming

Soluciones por área de impacto

Home y Navegación

  • Botón "Ordena ahora" fijo y visible desde el inicio.
  • Promociones en cards deslizables en lugar de banners saturados.
  • Barra inferior con 4 secciones clave: Inicio, Menú, Carrito, Perfil.
  • Búsqueda rápida con autocompletado.

Menú y Exploración

  • Categorías simples: Pizzas, Combos, Complementos, Bebidas.
  • Cards con imágenes claras, precio visible y botón directo "Agregar".
  • Etiquetas de estado: "Más vendido", "Nuevo", "En combo".
  • Filtro de promos activas para fácil acceso.

Personalización de Pedido

  • Flujo en una sola pantalla: masa, toppings, extras.
  • Vista previa de la pizza mientras se personaliza.
  • Opción de "Reordenar lo de siempre" con un clic.

Carrito y Checkout

  • Resumen visual con imágenes, cantidades y precios claros.
  • Botones de editar/eliminar sin abrir nuevas pantallas.
  • Métodos de pago rápidos: Apple Pay / tarjeta guardada.
  • Opción de pago en tienda o contra entrega.

Confirmación y Seguimiento

  • Pantalla con barra de progreso del pedido.
  • Estimación de tiempo de entrega en minutos.
  • Notificaciones push con cada cambio de estado.

Gamificación y Fidelización

  • Sistema de recompensas: puntos por pedido.
  • Reto semanal (ej. pedir 2 veces → bebida gratis).
  • Avatares o insignias por nivel de cliente.

Accesibilidad e Inclusión

  • Botones grandes y tipografía legible.
  • Modo alto contraste.
  • Lenguaje simple y directo en mensajes.
Arquitectura de la Información

Estructura de contenidos por módulo

Home
ORDENA AHORA (CTA Principal)
Promociones
Ordenar favorito
Ubica tu restaurante
Menú
Pizzas
→ Clásicas
→ Especialidades
→ Personalizada
Combos
→ Pizza + Bebida
→ Pizza + Complementos
Complementos
→ Crazy Bread
→ Deep Depp!
→ Bebidas
Personalización
→ Tipo de masa
→ Tamaño
→ Extras / Toppings
→ Bebida opcional
→ Guardar favorito
Carrito
Lista de productos
Editar / Eliminar / Duplicar
Total dinámico + Proceder al pago
Pago y Entrega
Recoger en mostrador / Pizza Portal™
Tarjeta guardada
Apple / Google Pay
PayPal · Efectivo
Confirmación
Resumen del pedido
Estimación de tiempo
Barra de Progreso
Seguimiento
Notificaciones Push
Estado en tiempo real
Contactar al restaurante
Fidelización
Calificación
Historial / Reordenar
Recompensas / Puntos
Promociones personalizadas
04 Prototipar

Del boceto al prototipo funcional — progresión de fidelidad que validó decisiones antes de construir la interfaz final.

Proceso de fidelidad

Bocetos → Wireframes → UI Final

Baja fidelidad
Bocetos
Exploración rápida de flujos y layouts. Objetivo: validar estructura de navegación antes de invertir en detalles.
Media fidelidad
Wireframes
Wireframes en Figma para definir jerarquía de contenidos, espaciado y flujo de interacción sin distracción visual.
Alta fidelidad — UI Final
UI Final
Diseño visual completo con sistema de diseño, colores de marca, tipografía y micro-interacciones.
Design System

Sistema de diseño — Little Caesars App

Color Tokens
Primario · Hover · Background
Texto · Secundario · Surface
Success · Error · Warning
Tipografía
Heading 1 Plus Jakarta Sans 800 · 32px
Heading 2 Plus Jakarta Sans 700 · 20px
Body regular Inter 400 · 14px · lh 1.65
Caption / Label Inter 600 · 11px · uppercase
Componentes
Ordena Ahora →
Botón secundario
Input field · Buscar...
Más vendido Nuevo En combo
Grid · Espaciado
Grid: 4 cols mobile · 8 cols tablet
Gutter: 16px mobile · 24px tablet
Margin: 16px mobile · 24px tablet
Base unit: 4px
Border radius: 8px cards · 100px pills
Touch target: mín. 44×44px
Pantallas principales

UI de alta fidelidad

Las 8 screens del flujo principal — desde el Home hasta la confirmación del pedido.

Home
01 · Home
Menú
02 · Menú
Producto
03 · Producto
Personalización
04 · Personalizar
Carrito
05 · Carrito
Checkout
06 · Checkout
Confirmación
07 · Confirmación
Seguimiento
08 · Seguimiento
05 Probar

Pruebas de usabilidad con usuarios reales para validar el diseño e identificar friccciones antes del refinamiento final.

Usability Testing

Metodología de pruebas

5

Usuarios en testing

Representando los 3 segmentos de personas: joven digital, ama de casa y adulto mayor.

3

Tareas evaluadas

1. Realizar un pedido de pizza personalizada. 2. Aplicar una promoción. 3. Rastrear el estado del pedido.

Figma

Herramienta de prototipo

Prototipo interactivo de alta fidelidad con flujo completo de las 8 pantallas principales.

Hallazgos

Lo que encontramos — y cómo iteramos

🔴 Alto impacto

Poca claridad a la hora de ordenar

3 de 5 usuarios tardaron más de 8 segundos en encontrar o entender el flujo de compra correcto. No existia un camino claro para los usuarios.

Iteración: Se implementó un flujo guiado de 3 pasos para completar una orden: 1.Seleccionar restaurante,2. Seleccionar método de entrega y 3. Ordenar
🔴 Alto impacto

Flujo de personalización confuso

Los usuarios del segmento "adulto mayor" abandonaron en el paso de toppings por exceso de opciones visibles simultáneamente.

Iteración: Se implementó navegación por pasos con barra de progreso (1/3, 2/3, 3/3) y opciones colapsables.
🟡 Mediano impacto

Método de pago poco claro en checkout

2 usuarios no vieron la opción de agregar métodos de pago.

Iteración: Los métodos de pago rápido (Trajeta guardada /PayPal) se destacaron al inicio del bloque de pago.
🟢 Bajo impacto

Opción de rastreo de pedido o notificaciones confusas

La mayoría de los usuarios manifestaron su interés en tener un metodo de rastreo ágil en tiempo real, con notificaciones a whatsapp

Iteración: Se añadió la sección de rastreo por etapa y notificaciones inline para orden lista para entrega
Iteración

Antes y después

Antes — Home original
Antes
Después — Home rediseñado
Después
— Resultados

Impacto medible del rediseño sobre la experiencia de usuario y las métricas clave del flujo de pedido.

7→3
Pasos para completar un pedido
El flujo de checkout se redujo de 7 a 3 pasos gracias a la consolidación de pantallas y autocompletado.
80%
Tasa de completitud en testing
4 de 5 usuarios completaron el flujo principal sin asistencia en la segunda ronda de pruebas.
100%
Cobertura de accesibilidad básica
Contraste WCAG AA, touch targets ≥44px y nav labels para todos los segmentos de usuarios.
3
Iteraciones de diseño realizadas
Cada hallazgo de usability testing se tradujo en una mejora medible antes de la entrega final.
+5
Funciones nuevas diseñadas
Seguimiento en tiempo real, reordenar favoritos, pago rápido, modo accesible y gamificación básica.
3
Segmentos de usuario cubiertos
Joven digital, ama de casa y adulto mayor — con un sistema de diseño que no sacrifica ningún segmento.
Cierre del proyecto

Reflexiones finales

Aprendizajes clave

  • La inclusión no es un feature adicional — es la base del buen diseño.
  • El research con usuarios diversos reveló tensiones que no aparecen en el benchmark competitivo.
  • El testing de usabilidad validó decisiones que parecían obvias y desmontó otras que parecían correctas.
  • El sistema de diseño fue la herramienta más poderosa para mantener consistencia visual en las pantallas.

Limitaciones del proyecto

  • Muestra de usuarios limitada a 10 entrevistas y 5 pruebas — una ronda adicional daría mayor robustez estadística.
  • No se pudo validar el modo accesible con usuarios reales con discapacidad visual.
  • La gamificación quedó como propuesta conceptual — requiere validación de negocio.
  • Trabajo no oficial: sin datos de conversión reales de la app actual.

Siguientes pasos

  • Realizar pruebas A/B entre el flujo actual y el rediseño en un entorno controlado.
  • Incorporar lectores de pantalla (VoiceOver / TalkBack) en la siguiente ronda de testing.
  • Desarrollar el modo bajo consumo de datos para usuarios rurales.
  • Proponer el sistema de fidelización al equipo de producto para una implementación MVP.