Capítulo 055 componentes

Otros

Las pantallas críticas que más usamos — booking, servicio en progreso, pago confirmado, búsqueda y skeletons. La prueba de fuego del sistema.

Booking / agenda

#backlog-booking

Calendar + time slots + sede selector + sticky CTA. Most-used flow — biggest test of the system.

Vista previaEn producción

Agenda tu mantención 10.000 km

Elige dónde y cuándo. Te confirmamos por WhatsApp.

Día

Hora disponible

Service in progress

#backlog-service-in-progress

Vertical timeline with mechanic Avatar, ETA, contact actions. Live status pulse in success-green.

Vista previaEn producción
En curso

Tu mecánico llega en 8 min

Mantención 10.000 km · Toyota Yaris JSXY-12

Diego Riquelme

Diego Riquelme

4.9 · 320 servicios

  1. Reserva confirmada

    10:30

  2. Diego salió hacia tu ubicación

    10:45

  3. Diego está llegando

    en 8 min

  4. Servicio en progreso

  5. Servicio completado

Pay confirmation / receipt

#backlog-pay-confirmation

Itemized breakdown + hero total + payment method row + commit row. Tests tabular alignment, hero number treatment, single primary CTA per surface.

Vista previaEn producción

Pago confirmado

$45.890

Toyota Yaris JSXY-12 · 12 may, 09:30

Detalle

Mantención 10.000 km$42.990
Filtro de aceite premium$5.500
Descuento Carvuk Plus-$2.600
Total$45.890

Método de pago

Visa débito ··· 4471

Cobrado · 12 may, 09:32

Loading skeletons

#backlog-loading-skeletons

Composed skeletons matching real Carvuk surfaces — wallet hero, transaction list, chart, KPI grid.

Vista previaEn producción

Wallet hero

Transaction list

Line chart

KPI grid

Search composer with filters

#backlog-search-composer

Stacked tappable rows (Servicio / Comuna / Fecha / Hora) with applied-filter chips and a search CTA.

Vista previaEn producción

¿Qué necesitas?

Arma tu búsqueda y te mostramos los talleres disponibles.

Filtros aplicados

A domicilio
Mecánico verificado
Pago al final