Ochoa Herramientas
Diseño UI y desarrollo web
Búsqueda, categorías y referencias de producto para recorrer una oferta técnica y continuar hacia la tienda.
Ficha del proyecto
- Cliente
- Ochoa Herramientas
- Tiempo
- 4 semanas
- Alcance
- Diseño UI y desarrollo web
- Ubicación
- Chile
- HTML5
- CSS
- JavaScript
El desafíoHacer legible un catálogo de herramientas para distintas formas de buscar.Cómo lo resolvimosCerrar explicación
Detrás del proyecto
El punto de partida
En una oferta de herramientas y máquinas, algunas personas llegan con una referencia concreta y otras necesitan explorar una categoría. La portada de Ochoa reúne búsqueda, familias de productos y destacados sin separar la identidad comercial de la tienda. También presenta asistencia y accesos de postcompra. Las cinco capturas históricas permiten analizar esa organización y las acciones visibles; no incluyen una comprobación del checkout, inventario, despacho o sistema de pagos.
Las decisiones
Dos entradas al catálogo: buscar o explorar
El buscador ocupa un lugar propio en la cabecera, junto a tienda, ofertas y seguimiento. Más abajo, las categorías combinan nombre e imagen: insertos, porta insertos, máquinas e instrumentos de medición, entre otras. El comprador puede partir por una referencia o reconocer visualmente la familia que necesita.
Tarjetas que reúnen la información de decisión
Los destacados muestran fotografía, denominación técnica, referencia y precio, seguidos de las acciones de añadir al carrito o a la lista de deseos. El diseño mantiene la información junto al producto y distingue la intención de compra de la de guardar una opción para revisarla después.
Contexto comercial antes del detalle
La primera pantalla acompaña el acceso a la tienda con información de casa matriz, envíos y asistencia remota. La marca conserva sus colores y presenta los productos como protagonistas. Ese contexto explica qué tipo de proveedor está detrás del catálogo antes de que la persona se concentre en una herramienta específica.
Considerar también el regreso después de comprar
Cuenta, pedidos, descargas, seguimiento y lista de deseos tienen accesos diferenciados en la navegación y el pie. La arquitectura contempla consultas posteriores además de explorar productos. Las capturas documentan estos puntos de entrada, no el funcionamiento de sus áreas privadas ni operaciones realizadas.
Qué muestra este proyecto
Este trabajo muestra que el catálogo comienza antes de la ficha de producto: búsqueda, familias, referencias y soporte deben poder leerse como un recorrido. Las capturas describen la interfaz del proyecto, no una oferta de precios actual ni resultados de ventas atribuibles al diseño.
Evidencia del proyecto
Arquitectura Visual del Sitio
Convirtamos tu idea en una ruta clara
Cuéntanos qué necesitas resolver. Ordenamos contigo el objetivo, el alcance y el próximo paso antes de hablar de pantallas.
Así comienza
- 01ContextoQué quieres conseguir
- 02AlcanceQué conviene construir
- 03PropuestaCómo avanzar