Caso de estudio

Revolico

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

Marketplace platformMarketplaceClasificadosPatrones e-commerceAdmin UI

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.

Revolico Google Play

Role: Frontend Developer + Product UI
Period: 2017-Present
Ownership: 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.

25%

TTFB reduction

30%

stronger engagement metrics

1,000+

actionable user insights from feedback mechanisms

Revolico responsive marketplace overview showing desktop category browsing with mobile search and listing detail screensResponsive marketplace overview across category browsing, mobile search, and listing detail surfaces.

Revolico mobile search resultsMobile marketplace results with search, active filters, promoted listings, and view controls.

Revolico mobile listing detailListing detail view with product imagery, metadata, description, and direct contact actions.

Revolico mobile filter panelFiltering interface for category, location, and price constraints in a compact mobile flow.

Revolico tablet listing detailLong-form detail page showing listing content, media, metadata, and marketplace actions.

Revolico mobile detail page variationMobile listing variation with stacked content, related listings, and publishing context.

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 searchMarketplace search and browsing patterns for categories, filters, result rows, pagination, and mobile search.

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 contactMobile marketplace flows for search, filtering, publishing, listing detail, and contact actions.

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.

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 detail contact surfacesSeller publishing and buyer contact workflows across ad creation, listing detail, and direct response paths.

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 surfaces showing product operations, tables, forms, and component snapshotsAdmin and product-operation UI patterns for tables, forms, stateful controls, shared components, and moderation workflows.

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.

Resultado

Performance, feedback loops y confiabilidad de producto

Los resultados confirmados incluyen 30% de mejora en métricas de engagement a partir de releases iterativos y trabajo guiado por feedback, aproximadamente 25% de reducción de TTFB mediante performance y colaboración backend/frontend, y 1,000+ insights accionables de feedback.

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.

Stack

Herramientas y contexto de implementación.

Next.jsReactTypeScriptGraphQLApollo ClientStyled ComponentsSuperTokensi18nextJestCypressCucumberSSR/SSGPerformance optimization