Saltar al contenido

Caso de estudio

Revolico

Frontend engineering y producto UI para búsqueda, listings, publicación, interfaces admin y performance.

Marketplace platformMarketplaceClasificadosPatrones e-commerce

Revolico es un marketplace clasificado de alto tráfico para Cuba. Trabajé en UI React/Next.js para búsqueda, listings, flujos de publicación, contacto, herramientas admin, feedback y performance. El trabajo apoyó páginas más rápidas, flujos más claros y feedback de usuarios más accionable.

Rol
Frontend Developer + Product UI
Periodo
2017-Presente (maintainer)
Alcance
Frontend engineering y producto UI en búsqueda de marketplace, detalle de listings, flujos de publicación, contacto, interfaces admin/product operations, mejoras de performance, feedback y testing.
Revolico marketplace across desktop category browsing, mobile search, and listing detail screens
Pantalla completa
Revolico marketplace across desktop category browsing, mobile search, and listing detail screensThe marketplace connects category browsing, search, listing detail, publishing, seller contact, and operational admin tools.
01

Problema

Mantener un marketplace grande searchable, rápido y entendible

Un marketplace clasificado tiene que soportar muchas intenciones de usuario al mismo tiempo: navegar, buscar, filtrar, publicar, contactar vendedores, gestionar anuncios y moverse entre muchas categorías.

En el contexto de Revolico, el producto también necesitaba mantenerse rápido y usable para usuarios en Cuba, donde la calidad de conexión puede ser una restricción importante.

Revolico marketplace search interface with filters, result rows, pagination, and mobile search
Pantalla completa
Revolico marketplace search interface with filters, result rows, pagination, and mobile searchSearch and browsing patterns for categories, filters, result rows, pagination, and mobile search.
02

Usuarios / contexto

Compradores, vendedores, negocios, admins y usuarios móviles

Revolico sirve a compradores que buscan productos, servicios, vivienda, empleo, autos, tecnología y bienes generales; vendedores que publican anuncios; negocios que buscan visibilidad; admins que gestionan operaciones de plataforma; y usuarios móviles en flujos web o app.

Las descripciones públicas enfatizan contacto directo entre comprador y vendedor, publicación gratuita de anuncios, visibilidad, velocidad, categorías amplias de marketplace y optimización para conexiones cubanas.

Revolico mobile flows for search, filters, publishing, listing detail, and seller contact
Pantalla completa
Revolico mobile flows for search, filters, publishing, listing detail, and seller contactMobile web carries the same marketplace jobs through tighter space and variable content lengths.
03

Restricciones

Alto tráfico, categorías amplias, velocidad de publicación y modernización

Las páginas públicas del marketplace necesitaban ser fiables y performantes a través de muchas categorías, incluyendo vehículos, bienes raíces, tecnología, empleos, servicios, hogar, familia y bienes generales.

El producto tenía que soportar publicación rápida, búsqueda y filtrado predecibles, workflows de moderación/admin, restricciones de calidad de conexión y una modernización de largo plazo sin romper comportamiento existente.

04

Decisiones de diseño

Favorecer scanability, navegación directa y UI consciente de performance

La UI de marketplace depende de repetición y confianza. Navegación de categorías, título del listing, precio, contexto, imágenes y affordances de contacto debían ser fáciles de parsear sin peso decorativo.

Los flujos de publicación y admin necesitaban estados de formulario claros, errores, progreso, filtros, permisos y flujos de edición para que el equipo pudiera moverse rápido sin crear ambigüedad operativa.

  • Mantener directa la navegación por categorías.
  • Optimizar la scanability de listings.
  • Soportar publicación rápida con estados de formulario claros.
  • Tratar la UI admin como producto UI.
  • Mantener patrones de interacción livianos para performance.
Revolico seller publishing flow and buyer contact surfaces
Pantalla completa
Revolico seller publishing flow and buyer contact surfacesPublishing and contact flows connect seller input, listing detail, and direct buyer actions.
05

Interacción / sistema UI

Componentes de marketplace para búsqueda, listings, publicación y admin

Los patrones repetidos aparecen en navegación de homepage/categorías, resultados de búsqueda, grids de listings, páginas de detalle de anuncio, flujos de publicación, filtros, sorting, paginación, gestión admin de usuarios/listings, moderación, superficies de anuncios destacados y screenshots de mobile store.

El trabajo de componentes cubrió cards de marketplace, botones, inputs, dropdowns, breadcrumbs, paginación, selectores de imagen, UI de taxonomía de categorías, patrones admin de tablas/filtros y manejo de imágenes consciente de performance.

Revolico admin and UI system showing operations, tables, forms, and shared controls
Pantalla completa
Revolico admin and UI system showing operations, tables, forms, and shared controlsAdmin interfaces for tables, filters, forms, permissions, and moderation.
06

Implementación y colaboración

React/Next.js para un marketplace de alto tráfico

Trabajé como frontend developer y contributor de producto UI en features públicas e interfaces admin.

La implementación incluyó React/Next.js, Apollo Client, GraphQL, Styled Components, SSR/SSG, SuperTokens, i18next, Jest, Cypress, Cucumber, mecanismos de feedback, trabajo de performance, colaboración backend/frontend y cobertura de testing.

07

Resultado

Performance, feedback loops y confiabilidad de producto

Los resultados incluyeron iteración de producto más informada por feedback, colaboración de performance entre frontend y backend, y más fiabilidad en flujos de marketplace gracias a cobertura de tests.

El trabajo también mejoró la fiabilidad mediante cobertura de tests y apoyó desarrollo React/Next.js para un marketplace clasificado de alto tráfico.

08

Aprendizaje / mejora

La UI de marketplace funciona mejor cuando es directa y basada en evidencia

Revolico reforzó que la UX de marketplace depende de repetición rápida: buscar, escanear, filtrar, comparar, publicar, contactar y volver. Las decisiones pequeñas de interfaz importan porque los usuarios las repiten muchas veces.

Si extendiera este case study, conectaría cada claim de performance y feedback con source notes antes de volver a publicar números concretos. La página es más fuerte cuando la evidencia es específica y revisable, no cuando depende de métricas sin soporte.