Portafolio / E-commerce técnico
Un repuesto no se compra: se verifica.
PILOTS fabrica pastillas de freno sinterizadas en Colombia para motocicletas, cuatrimotos y patinetas eléctricas. Vender ese producto en línea no es mostrar fotos bonitas: es responder si la referencia sirve para esa moto, en esa posición, con ese material. Diseñamos y desarrollamos su tienda en WordPress, Elementor y WooCommerce alrededor de esa pregunta —catálogo por aplicación, ficha con los datos que deciden la compra, pago con Mercado Pago y un asesor a un toque de distancia por WhatsApp—.
01El encargo
Vender un producto técnico sin dar una clase de ingeniería.
Una pastilla de freno se elige por compatibilidad: modelo de moto, año, posición delantera o trasera, y el material del que está hecha. Quien compra no quiere entender el proceso de sinterización — quiere saber si esta referencia frena bien en su moto y si le va a llegar la correcta.
El encargo fue convertir esa categoría técnica en una tienda que se pueda recorrer sin miedo a equivocarse: que la promesa de seguridad de la marca se sostenga en datos concretos dentro de cada ficha, y que cuando la duda no la resuelva la página, haya una persona respondiendo por WhatsApp del otro lado.
Lo que decide esta compra
- 01Modelo y año de la moto
- 02Posición: delantera o trasera
- 03Material y proceso de fabricación
- 04Durabilidad esperada en kilómetros
- 05Precio y disponibilidad
- 06Alguien a quien preguntarle
Nuestro rol
Diseño y desarrollo del sitio completo sobre WordPress, Elementor y WooCommerce: arquitectura del catálogo, home orientada a conversión, fichas de producto, carrito y checkout, canal de WhatsApp y los módulos de confianza alrededor de la compra.
02Arquitectura
Encontrar, verificar y comprar.
Toda la estructura pública sirve a tres movimientos, en ese orden. Cualquier bloque que no ayude a alguno de los tres sobra en una tienda de repuestos.
El catálogo se ordena por vehículo.
Buscador en el encabezado y tres entradas por tipo de vehículo —motocicletas, cuatrimotos, scooters y patinetas—, más el nombre del modelo en cada referencia. Nadie tiene que saber el código de la pastilla para llegar a ella.
La ficha responde antes de que pregunten.
Modelo, posición, material, durabilidad esperada, cantidad por juego y precio en pesos. La descripción dice que son libres de asbesto y sinterizadas, y explica qué gana el disco con eso: la promesa técnica queda en el mismo lugar donde se decide.
Del carrito al pago sin salir del sitio.
Carrito visible en el encabezado con total y unidades, checkout de WooCommerce y pago con Mercado Pago. Y en paralelo, el botón de WhatsApp para la compra que necesita confirmar una talla, un año o una posición.
03La idea
Lo que esta tienda tenía que resolver.
La confianza no se declara en el titular: se prueba en la ficha.
«Frena con confianza» es una promesa de marca, y una promesa sola no cierra una venta de repuestos. Lo que la cierra es que la página diga la posición, el material, la durabilidad y el precio sin que haya que escribirle a nadie — y que, si aun así queda una duda, escribirle a alguien cueste un toque.
Por eso el trabajo no terminó en la portada. La jerarquía va de la promesa a la prueba técnica, de la prueba a la categoría, de la categoría a la referencia exacta y de ahí al carrito. Cada pantalla existe para que la siguiente sea una decisión más fácil.
EncontrarVerificarComprar
04El sistema
De la promesa de marca a un pedido pagado.
Estas son las piezas que sostienen la tienda y el camino que recorre una referencia desde que alguien la busca hasta que la paga.
WordPress
Sitio y contenidoElementor Pro
Composición de páginasWooCommerce
Catálogo y pedidosMercado Pago
PagosWhatsApp
Asesoría en compatibilidadRank Math
Metadatos y datos de producto
- 01
Entrada por vehículo
El visitante llega por el buscador del encabezado o por una de las tres puertas de categoría: motocicletas, cuatrimotos o scooters y patinetas eléctricas.
- 02
Catálogo ordenable
29 referencias con foto, nombre por modelo, precio en pesos y botón de añadir al carrito, ordenables por popularidad, calificación, novedad o precio, y paginadas de a 16.
- 03
La ficha decide
Cada referencia trae posición, material, durabilidad promedio en kilómetros, cantidad por juego, categoría por marca de moto y su precio, con la descripción técnica que explica por qué son sinterizadas.
- 04
Al carrito
El encabezado mantiene visible el estado del carrito —unidades y total— en todas las páginas, para que agregar una referencia no obligue a salir del catálogo.
- 05
Checkout y pago
Flujo nativo de WooCommerce con datos de envío y contacto, y pago con Mercado Pago: la pasarela vive donde debe vivir, no en el sitio.
- 06
La duda que no resuelve la página
Botón flotante de WhatsApp en cada pantalla para la pregunta que ninguna ficha alcanza a cubrir: un año raro, una moto modificada, un juego para dos posiciones.
- 07
Señales antes de pagar
Testimonios, garantía, envíos, oferta temporal con contador y marcas compatibles. La confianza se pone cerca del botón, no en una página aparte.
- 08
Lo que ve el buscador
Metadatos por página y datos estructurados de producto —tipo, oferta y precio— para que una referencia pueda aparecer en resultados con su precio, no como un enlace mudo.
29 referencias · tres tipos de vehículo · una sola ruta de compra
05Confianza
Todo lo que se pregunta antes de dar clic.
En repuestos, la objeción no es el precio: es «¿y si no me sirve?». La tienda responde eso en tres frentes.
El dato, no el adjetivo.
Libre de asbesto, sinterizada, durabilidad promedio de siete a diez mil kilómetros, un par por juego, posición declarada. Son las líneas que un mecánico lee y un motociclista entiende.
Garantía, envíos y devoluciones.
Los módulos de compra —garantía, envíos, seguimiento de pedido, mi cuenta— viven en el mismo sitio, no en una promesa suelta del pie de página.
Un asesor, no un formulario.
WhatsApp visible en todas las pantallas, con horario y ubicación en Medellín. Para un repuesto que depende del modelo y del año, ese canal cierra ventas que una ficha sola no cerraría.
06La tienda
Lo que hay detrás del catálogo.
Cifras del sitio, no de campaña: lo que un visitante puede recorrer hoy en pilotsmotoparts.com.
- 29
- Referencias publicadas en el catálogo
- 3
- Puertas de entrada por tipo de vehículo
- 6
- Criterios de orden en la tienda
- 1
- Toque para hablar con un asesor
07Sistema visual
Rojo de frenada sobre blanco técnico.
Acción · Precio · Oferta
- HEX
- #DA3741
- RGB
- 218 · 55 · 65
Acento legible en texto
- HEX
- #C82430
- RGB
- 200 · 36 · 48
Titulares y encabezado
- HEX
- #15181C
- RGB
- 21 · 24 · 28
Ficha y descripciones
- HEX
- #707980
- RGB
- 112 · 121 · 128
Fondo de catálogo
- HEX
- #F2F3F5
- RGB
- 242 · 243 · 245
08Tipografía
Una geométrica que grita, una humanista que explica.
Montserrat
Aa Bb Cc — 0123456789
Medium 500 · Bold 700 · ExtraBold 800
Figtree
Aa Bb Cc — 0123456789
Regular 400 · Medium 500
Figtree · versalitas
Aa Bb Cc — 0123456789
SemiBold 600
Frena con confianza
clamp(34–56) · -2% · 700Encuentra el freno perfecto para tu motocicleta
clamp(26–40) · -1% · 700Pastillas de freno Honda Click — Delantera
clamp(17–22) · 0 · 600Pastillas libres de asbesto fabricadas por sinterización, con una mezcla de materiales que prolonga la vida del disco de freno.
16 / 27 · 0 · 400Añadir al carrito · Oferta relámpago
12 / 16 · 8% · 60009La tienda
Lo que ve quien necesita un freno.
Encabezado con buscador, carrito y contacto, y las tres puertas por tipo de vehículo: motocicletas, cuatrimotos y scooters o patinetas eléctricas.
29 referencias con foto, nombre por modelo, precio en pesos y añadir al carrito, ordenables por popularidad, novedad, calificación o precio.
Fotografía, descripción técnica, precio, cantidad y compra. Debajo: material, durabilidad promedio, cantidad por juego y posición.
Buscador, categorías por vehículo y oferta temporal con contador, con los destacados listos para añadir al carrito desde la portada.
El bloque que explica la sinterización y sostiene la promesa de la marca, justo antes de la fila de productos más vendidos.
El catálogo en dos columnas, con el conteo de resultados y el ordenamiento arriba: la pantalla desde la que se compra un repuesto en el taller.
10El resultado
Una marca de frenos con canal propio.
pilotsmotoparts.com está en producción: catálogo navegable por vehículo y por modelo, fichas que responden la pregunta de compatibilidad, carrito y checkout con pasarela, asesoría por WhatsApp y los módulos de garantía, envíos y soporte alrededor de la compra. La marca dejó de depender del mostrador y del catálogo por mensaje para vender.
Lo que sigue es contenido: el blog está montado pero todavía sin artículos propios, y es justamente donde se juegan las búsquedas de «pastillas de freno» por modelo de moto. Una guía de compatibilidad por marca y un par de artículos de mantenimiento harían por el catálogo lo que la ficha ya hace por el producto.
Stack
- 01WordPress · Hello Elementor
- 02Elementor Pro · ElementsKit
- 03WooCommerce · catálogo y pedidos
- 04Mercado Pago · pasarela
- 05Click to Chat · WhatsApp
- 06Rank Math · SEO on-page
- 07Datos estructurados de producto
- 08Hostinger · LiteSpeed · PHP 8.2
Cómo se opera
El catálogo se administra desde WordPress: alta de referencia, foto, precio, categoría por marca y ficha técnica. No hace falta tocar plantillas para publicar un producto nuevo, que es la condición para que una tienda de repuestos crezca al ritmo del inventario.
Sigue el trabajo
Un producto técnico se vende cuando la página responde primero.
Si lo que vendes depende de compatibilidad —modelo, medida, posición, referencia—, tu tienda no necesita más adjetivos: necesita que el dato esté donde se decide la compra y que haya alguien respondiendo cuando el dato no alcanza. Eso es lo que construimos.
Cuéntanos tu proyecto