← Volver al cuaderno

SweetApp

“Una tienda de repostería digital, diseñada para tentar al usuario y facilitarle el camino más dulce hacia su antojo ideal en el menor número de pasos posibles.”

Idea inicial

El reto: diseñar, en un solo día, una app de repostería atractiva, fácil de usar y orientada a un público joven y variado.

Busqué que la experiencia fuera rápida, visual y divertida, donde cada usuario pudiera encontrar y pedir su dulce favorito en pocos pasos. Mi enfoque: centrarme únicamente en el filtro de búsqueda y su interacción.

Conceptualización y wireframing

Tras unos bocetos iniciales, en papel, desarrollando como un usuario puede buscar productos y filtrarlos, pasé a Figma para crear los wireframes y definir el flujo centrándome en sus pantallas principales para esta cuestión:

  • Home con doble acceso: buscador clásico y filtro por categorías, permitiendo dos rutas rápidas al producto.
  • Página de resultados: lista de productos filtrados, cada uno ilustrado para destacar ingredientes y composición.
  • Filtro desplegable: permite ajustar categorías, sabores, dulzura y precio, pensado para usarse cómodamente con una sola mano.

wireframe sweetapp

Desarrollo visual

Al diseñar la interfaz de Sweetapp, mi objetivo fue crear una experiencia amigable y memorable, optimizando la claridad visual y la interacción rápida.

Para ello busqué un diseño limpio y vibrante, donde lo más importante fueran los dulces. A continuación detallo las decisiones que tomé y los componentes clave:

  • Header: Barra superior con logo, menú y búsqueda accesible.
  • Categorías de productos visuales: Iconos en linea en blanco y negro para cada tipo de postre, fáciles de reconocer y pulsar.
  • Tarjetas de producto: Cada dulce se muestra en una tarjeta de color pastel, con ilustración, nombre, descripción y precio bien destacados. El color está reservado solo para los productos para que destaquen sobre el fondo blanco.
  • Accesibilidad: Buen contraste de colores en fondos y textos, botones grandes y tipografía sin serifa legible, cumpliendo con los estándares básicos.

Cada elemento está pensado para reforzar la identidad visual de la app, facilitar la experiencia y hacer del proceso algo placentero y estimulante.

sweetapp
sweetapp2