Skip to content
Leonardo
MarketplaceClasificadosPatrones e-commerceAdmin UIPerformanceReact

Caso de estudio

Revolico

Frontend y UI de producto para un marketplace clasificado de alto tráfico.

Trabajé en frontend engineering y producto UI para Revolico, mejorando flujos de marketplace, interfaces admin, performance, feedback loops y confiabilidad de producción para una plataforma clasificada de alto tráfico.

Role
Frontend Developer + Product UI/UX
Period
2017-Present
Ownership
Frontend React/Next.js, UI pública del marketplace, interfaces admin, flujos de publicación/búsqueda, mejoras de performance, feedback, testing y soporte de producto UI.

25%

TTFB reduction

30%

stronger engagement metrics

1,000+

actionable user insights from feedback mechanisms

Revolico mobile search results
Revolico mobile search resultsMobile marketplace results with search, active filters, promoted listings, and view controls.
Revolico mobile listing detail
Revolico mobile listing detailListing detail view with product imagery, metadata, description, and direct contact actions.
Revolico mobile filter panel
Revolico mobile filter panelFiltering interface for category, location, and price constraints in a compact mobile flow.
Revolico tablet listing detail
Revolico tablet listing detailLong-form detail page showing listing content, media, metadata, and marketplace actions.
Revolico mobile detail page variation
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

A classifieds marketplace has to support many user intentions at once: browsing, searching, filtering, publishing, contacting sellers, managing listings, and navigating many categories.

In Revolico's context, the product also needed to remain fast and usable for users in Cuba, where connection quality can be a major constraint.

Usuarios / contexto

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

Revolico serves buyers searching for products, services, housing, jobs, cars, technology, and general goods; sellers publishing ads; businesses seeking visibility; admins managing platform operations; and mobile users on web or app workflows.

Public descriptions emphasize direct buyer/seller contact, free ad posting, visibility, speed, broad marketplace categories, and optimization for Cuban connections.

Restricciones

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

Public marketplace pages needed to be reliable and performant across many categories, including vehicles, real estate, technology, jobs, services, home, family, and general goods.

The product had to support fast publishing, predictable search and filtering, admin moderation workflows, connection-quality constraints, and long-running modernization without breaking existing behavior.

Decisiones de diseño

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

Marketplace UI depends on repetition and confidence. Category navigation, listing title, price, context, images, and contact affordances needed to be easy to parse without decorative weight.

Publishing and admin flows needed clear form states, errors, progress, filters, permissions, and edit flows so the product could move quickly without creating operational ambiguity.

  • Keep category navigation direct.
  • Optimize listing scanability.
  • Support quick publishing with clear form states.
  • Treat admin UI as product UI.
  • Keep interaction patterns lightweight for performance.

Interacción / sistema UI

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

The UI system can be shown through homepage/category navigation, search results, listing grids, ad detail pages, publish-ad flows, filters, sorting, pagination, admin user/listing management, moderation flows, promoted-ad surfaces, and mobile store screenshots.

The component angle includes marketplace cards, buttons, inputs, dropdowns, breadcrumbs, pagination, image selectors, category taxonomy UI, admin table/filter patterns, and performance-aware image handling.

Implementación y colaboración

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

I worked as frontend developer and product UI contributor on public-facing features and admin interfaces.

The implementation included React/Next.js, Apollo Client, GraphQL, Styled Components, SSR/SSG, SuperTokens, i18next, Jest, Cypress, Cucumber, feedback mechanisms, performance work, backend/frontend collaboration, and testing coverage.

Resultado

Performance, feedback loops y confiabilidad de producto

Confirmed outcomes include 30% stronger engagement metrics from iterative releases and feedback-informed product work, approximately 25% TTFB reduction through performance and backend/frontend collaboration, and 1,000+ actionable feedback insights.

The work also improved reliability through test coverage and supported scalable React/Next.js development for a high-traffic classifieds marketplace.

Espacios visuales

Evidencia visual planificada

The page is structured for public marketplace visuals, anonymized admin views, and product-system artifacts.

  • Hero visual: public marketplace homepage, search, or listing screen.
  • Core flow: search/listing to detail to contact or publish flow.
  • Admin proof: blurred interface with tables, permissions, filters, or moderation flow.
  • System proof: buttons, filters, dropdowns, pagination, image selector, and listing card elements.
  • Performance and feedback proof: small visual blocks for TTFB reduction, engagement lift, and feedback loop.

Stack

Herramientas y contexto de implementación.

Next.jsReactTypeScriptGraphQLApollo ClientStyled ComponentsSuperTokensi18nextJestCypressCucumberSSR/SSGPerformance optimization