Caso de estudio — West Coast Confection
Marca ruidosa.
Checkout rápido.
West Coast Confection hornea galletas gigantes, blondies y brownies en San Diego. El sitio tenía que transmitir la voz divertida de la marca y aun así llevar a un visitante con hambre del menú al carrito en pocos toques.
01Contexto
Una personalidad que tenía
que sobrevivir a la interfaz.
El morado, el naranja, la tipografía grafiti y los videos de la pastelería son la marca. El riesgo era una tienda que se viera divertida pero en la que costara comprar. Primero vino la estructura (menú, producto, carrito) y después la marca se aplicó a cada superficie de esa estructura.
Alcance: página de inicio, colección de galletas con filtros, página de producto con cantidades por pack y una cuenta regresiva de la tanda semanal, carrito y entrada al checkout, todo diseñado para escritorio y móvil.
Pedir ahora
debería tomar segundos.
02Descubrimiento y producto
Cuatro categorías,
y luego todo el menú.
La página de colección abre con Classic Favorites, Seasonal Specials, Gourmet Indulgences y Health-Conscious, cada una con su propio botón de pedido, antes de la cuadrícula completa con búsqueda, orden y filtros de sabor. La página de producto mantiene la misma energía: cantidad por pack (3, 6, 9), una cuenta regresiva para la tanda de la semana y reseñas en video más abajo.
02Descubrimiento
Cuatro categorías, y luego todo el menú.
La página de colección abre con Classic Favorites, Seasonal Specials, Gourmet Indulgences y Health-Conscious, cada una con su propio botón de pedido, antes de la cuadrícula completa con búsqueda, orden y filtros de sabor.
03Página de producto
Tamaño del pack, cuenta regresiva, prueba en video.
La página de producto mantiene la energía de la marca: cantidad por pack (3, 6, 9), una cuenta regresiva para la tanda de la semana, productos relacionados y reseñas en video más abajo.
03Carrito
Un carrito que se lee
como un recibo.
Productos con selectores de cantidad, un resumen del pedido y un solo botón naranja: la entrada al checkout es, a propósito, la pantalla más tranquila del sitio.
04Carrito
Un carrito que se lee como un recibo.
Productos con selectores de cantidad, un resumen del pedido y un solo botón naranja: la entrada al checkout es, a propósito, la pantalla más tranquila del sitio.
A continuación: la experiencia móvil
04Móvil
Hecho para un teléfono
en una sola mano.
La página del menú en móvil reúne los tres tipos de producto (galleta, blondie, brownie) bajo un solo titular, cada uno con su botón de pedido; el indicador del carrito se mantiene en el encabezado todo el tiempo.
Divertido en la superficie.
Riguroso por debajo.
Más proyectos
Más proyectos.
El mismo criterio.
Una muestra más amplia de proyectos de eCommerce, SaaS y web. DeslizaDesplázate para recorrerlos y abre los que te interesen.
eCommerce · CRO
Flowell — optimización de conversión en eCommerce
Tienda online y páginas de producto rediseñadas para explicar mejor el producto y dar más confianza en el camino a la compra.
Ver caso de estudio Flowell — optimización de conversión en eCommerce
eCommerce · CRO
Volvik — rediseño de página de producto y CRO
Rediseño de la página de producto y optimización de conversión para una marca de golf.
Ver caso de estudio Volvik — rediseño de página de producto y CRO
eCommerce · Shopify
GoodDay Optics — rediseño de eCommerce en Shopify
Rediseño de la tienda online de una marca de gafas: inicio, colecciones y páginas de producto pensadas para convertir.
Ver caso de estudio GoodDay Optics — rediseño de eCommerce en Shopify
SaaS · UX de producto
Vanketo — portal para clientes y empleados
UX/UI de un portal de gestión de pedidos: los clientes siguen sus pedidos y el equipo los procesa, con una sola interfaz para ambos.
Ver caso de estudio Vanketo — portal para clientes y empleados
eCommerce · UX/UI
Collections — UX/UI de un eCommerce de muebles
Inicio, colecciones y páginas de producto para una tienda de muebles, diseñadas primero para el móvil.
Ver caso de estudio Collections — UX/UI de un eCommerce de muebles
App móvil · Diseño de producto
PickMeUp — UX/UI de una app de transporte
Caso de estudio de una app de movilidad: destino, elección del vehículo y flujo del viaje, diseñados para Venezuela.
Ver caso de estudio PickMeUp — UX/UI de una app de transporte
¿Tu proyecto tiene
un reto similar?
Comparte el producto, la página o el embudo que quieres mejorar. Recibirás una respuesta directa sobre si encajamos, el alcance y los plazos.
Estudio independiente: trabajas directamente con Dylan Allynder.
