Hola! te presento todos los proyectos creados por mi a través de WORDPRESS
auto asia 138
Auto Asia- mayorista repuestos de motos
Proyecto: Desarrollo Web para Auto Asia
El proyecto consistió en el desarrollo de una página web corporativa para Auto Asia, una empresa dedicada a la venta y distribución de repuestos para motocicletas de baja cilindrada. El objetivo era fortalecer su presencia digital mediante una plataforma informativa que reflejara la calidad y profesionalismo de la marca.
Necesidades del cliente
El cliente buscaba desarrollar una página web que aportara mayor profesionalismo e identidad digital a la marca Auto Asia, ofreciendo un espacio donde los usuarios pudieran conocer mejor la empresa y su línea de repuestos.
Su principal objetivo era facilitar el acceso a la información de los productos, permitiendo que tanto distribuidores como usuarios finales pudieran consultar los repuestos disponibles de forma rápida, organizada y visual, sin depender de extensos catálogos en PDF.
De esta manera, el sitio reemplazaría los antiguos catálogos de más de 50 páginas, simplificando el proceso de búsqueda y presentación de los productos.
Además, la web debía servir como punto de encuentro para clientes mayoristas y motorizados particulares, ofreciendo un beneficio doble:
Una herramienta de consulta profesional para los distribuidores, y una fuente informativa clara y accesible para los usuarios detallistas.
Propuestas y mejoras implementadas
💡 Transformación del e-commerce en sistema de cotización automatizado
Durante el análisis del flujo de atención al cliente, identifiqué que Auto Asia recibía constantemente solicitudes de listas de precios, catálogos y cotizaciones personalizadas, lo que generaba una gran carga de trabajo administrativo.
Para optimizar este proceso, propuse convertir el e-commerce tradicional en un carrito de cotización personalizado, donde los usuarios pudieran:
- Explorar los productos disponibles.
- Conocer los detalles técnicos y visuales de cada repuesto.
- Añadir al carrito todos los ítems que desean cotizar.
Una vez completado el proceso, el sistema permite enviar la solicitud directamente mediante un botón de contacto por WhatsApp, el cual envía automáticamente la lista completa de productos con su SKU y cantidad al área de atención al cliente.
Aunque la empresa decidió mantener los precios ocultos por su modelo de ventas mayoristas, esta funcionalidad resultó clave: al recibir la solicitud, el analista de ventas puede calcular rápidamente los valores, responder con la cotización o compartir la lista de precios correspondiente.
De esta manera, el cliente obtiene una experiencia ágil y profesional, mientras el equipo comercial reduce significativamente el tiempo de gestión manual y mejora la precisión en la atención.
🔍 Mejora en la experiencia de búsqueda
Uno de los principales desafíos de Auto Asia era que los clientes, tanto mayoristas como motorizados particulares, necesitaban encontrar repuestos específicos entre cientos de referencias.
En los catálogos tradicionales, este proceso resultaba lento y confuso, ya que requería revisar manualmente listas extensas de productos o depender de un asesor para obtener información.
Para mejorar esta experiencia, diseñé e implementé un buscador avanzado que permite localizar productos mediante SKU, nombre, referencia o modelo de motocicleta.
Esta decisión se basó en analizar cómo los usuarios realmente buscan los repuestos —por número de pieza o por el modelo de su moto—, adaptando la navegación a su comportamiento natural.
El resultado fue una experiencia de búsqueda intuitiva, rápida y precisa, que reemplazó los catálogos en PDF y redujo la fricción en el proceso de selección.
Con esta mejora, los usuarios pueden identificar fácilmente los productos compatibles con su vehículo, mientras el equipo de ventas recibe clientes mejor informados, lo que agiliza la atención y fortalece la percepción profesional de la marca.
🤖 Oportunidad de contacto inmediato
Para garantizar que los usuarios puedan resolver sus dudas de manera rápida y eficiente, cree un Chatbot interactivo (Con ayuda de ChatGPT) para implementarlo en el sitio Web.
Este sistema permite a los usuarios consultar, por ejemplo, si Auto Asia vende repuestos para un modelo específico de motocicleta, y recibir respuestas inmediatas o sugerencias de productos disponibles.
Por ejemplo, al preguntar “¿Venden repuestos para moto SBR?”, el chatbot puede indicar si la empresa ofrece piezas para ese modelo y, en caso afirmativo, mostrar directamente los repuestos disponibles.
El chatbot actualmente esta limitado a preguntas «como invertir con ustedes», «como comprar al mayor», «quiero comprar al mayor», «quiero distribuir» ,«quiero saber como comprar al mayor», «monto para invertir«,»monto minimo para invertir» «venden repuestos para moto sbr«,»muestrame las piezas para moto sbr«,»piezas para b150r» y si hacen una pregunta que el no sepa responder te indicara un link con el contacto directo con la empresa.
Si el usuario realiza una pregunta que el Chatbot no puede responder, se le proporciona un enlace directo al contacto de atención al cliente, asegurando que ninguna duda quede sin resolver.
Además, para mejorar la experiencia de compra inmediata, se incorporó un botón de WhatsApp en cada producto, permitiendo que los clientes interesados puedan consultar o solicitar cotizaciones de forma directa y rápida, sin salir de la página del producto.
🎨 Diseño visual, coherencia de marca y adaptabilidad
El diseño se desarrolló manteniendo una estética moderna y profesional, con una paleta de colores neutros y detalles metálicos que refuerzan la identidad automotriz de Auto Asia.
Se priorizó la limpieza visual, la legibilidad y la consistencia en todos los elementos, logrando un equilibrio entre identidad de marca y funcionalidad.
Además, se garantizó una experiencia fluida y accesible en cualquier dispositivo.
La estructura, los botones y las imágenes fueron adaptados para pantallas móviles, tablets y computadoras, manteniendo la coherencia visual y asegurando que la búsqueda y solicitud de cotizaciones fueran igual de cómodas desde un teléfono.
rol y herramientas utilizadas
Participé en el desarrollo completo del sitio web, desde la planificación estructural hasta la implementación visual y funcional.
Mi papel se centró en traducir las necesidades del cliente en una experiencia digital clara, moderna y enfocada en la conversión de visitantes en potenciales clientes.
Responsabilidades principales:
- Estructuración de la arquitectura del sitio (UX).
- Diseño de la interfaz (UI) alineada a la identidad visual de Auto Asia.
- Configuración y personalización de WordPress + WooCommerce como sistema de catálogo.
- Implementación de un flujo de cotizaciones personalizadas en lugar de compras en línea.
- Adaptación del diseño a dispositivos móviles (responsive design).
- Elementor / Gutenberg – Para maquetación y diseño de secciones.
herramientas usadas para este proyecto
WordPress
Photoshop
ChatGPT
HTML/CSS/ JS Básico
Resultado final
Resultados e impacto
Este proyecto me permitió combinar estrategias de diseño centrado en el usuario con objetivos comerciales reales.
La experiencia me confirmó la importancia de diseñar pensando en los distintos tipos de usuarios (mayoristas y detallistas), y de ofrecerles flujos claros para llegar a su meta con facilidad.
Los clientes ahora pueden explorar el catálogo, realizar cotizaciones y contactar directamente al equipo comercial desde un mismo espacio. La empresa redujo significativamente el tiempo de atención por cliente, mejoró la percepción de marca y obtuvo una herramienta más sólida para presentar su portafolio de productos.
final
De una idea a una experiencia completa: Auto Asia ahora cuenta con un sitio web capaz de conectar con sus clientes, simplificar procesos y reflejar su esencia como marca.
Explora el resultado final y descubre cómo logramos combinar estrategia, diseño y experiencia de usuario en un solo espacio. (Actualmente el sitio sigue en construcción en un proceso de crear mas de 4.000 productos).
asauto
ASAuto – mayorista de autopartes
Proyecto: web asauto
El proyecto se baso en desarrollar una presencia digital profesional que refleje la solidez de la empresa, su cobertura nacional, y que facilite la comunicación con negocios aliados, representantes de ventas y clientes mayoristas. Se buscaba también destacar el portal de ventas como medio clave para gestionar pedidos y relaciones comerciales.
Necesidades del cliente
ASAUTO necesitaba una web que pueda reflejar su imagen corporativa: automotriz, moderna y con presencia nacional.
Colores sobrios, estructura clara y contenido orientado a negocios refuerzan la percepción de una empresa confiable y bien establecida.
Necesitaban una web donde mostrar de forma ordenada:
- Quiénes son (Nosotros, historia, misión, visión).
- Qué ofrecen (productos o líneas que manejan, sin mostrar precios).
- Cómo contactarlos (WhatsApp, teléfono, formulario).
→ Todo en un formato limpio, profesional y fácilmente navegable.
Su objetivo no era llegar al consumidor final, sino atraer y consolidar relaciones con distribuidores, representantes y aliados comerciales. Diseño limpio y directo ya que la web funciona como una puerta de entrada al sistema interno de ventas, donde los clientes registrados gestionan sus pedidos.
Propuestas y mejoras implementadas
📊 Estructura centrada en la comunicación corporativa
Se reorganizó el contenido priorizando la presentación de la empresa, su cobertura nacional y el acceso al portal de ventas, logrando una navegación más clara y directa.
- Propuse reorganizar el contenido de la web para destacar los puntos clave del negocio: quiénes somos, cobertura nacional y acceso al portal de ventas.
- Reduje el número de secciones visibles y prioricé la información más relevante para un usuario corporativo (aliados, representantes y distribuidores).
- Resaltar la calidad que ofrecemos atraves de las marcas que distribuimos.
🎨Diseño visual corporativo y coherente con la marca
Se aplicó una línea visual moderna y profesional, con una paleta de colores institucional, imágenes limpias y jerarquía tipográfica para reforzar la imagen de confianza de la marca.
- Implementé una línea visual moderna basada en los colores institucionales de ASAUTO, reforzando su identidad como empresa líder del sector automotriz.
- Se trabajó con imágenes limpias, banners y recursos gráficos realistas que comunican confianza y profesionalismo.
- Espacios que invitan a ser parte de ASAUTO
Se mejoró la usabilidad general del sitio con un diseño responsive, botones visibles y llamados a la acción estratégicos que guían al usuario hacia el contacto o el portal de ventas.
- Ajusté el flujo de navegación para que el acceso al portal de ventas sea natural, visible y accesible desde cualquier punto del sitio.
- Rediseñé la disposición del menú y botones principales para dirigir al usuario hacia el Portal de Ventas o los canales de contacto.
- Agregué llamados a la acción visibles como “Sé nuestro aliado comercial” o “Contáctanos” para mejorar la conversión de visitantes interesados.
- Simplifiqué la lectura de secciones extensas y destaqué la información clave con tipografía jerarquizada y espaciado adecuado.
rol y herramientas utilizadas
Asumí la dirección completa del diseño y desarrollo del sitio web, encargándome tanto de la planificación visual como de la implementación técnica.
Mi rol consistió en traducir los objetivos institucionales de Asauto en una experiencia digital clara, moderna y profesional.
Responsabilidades principales:
- Diseño de la estructura UX/UI enfocada en comunicación corporativa y facilidad de navegación.
- Creación de la interfaz visual completa (paleta de colores, tipografía, banners y estilo gráfico).
- Maquetación y desarrollo del sitio en WordPress, optimizado para rendimiento y visualización en dispositivos móviles.
- Integración de enlaces estratégicos al portal de ventas y canales de contacto.
- Redacción y adaptación de textos institucionales con enfoque profesional y tono corporativo.
- Pruebas, ajustes finales y publicación del sitio en su entorno final.
herramientas usadas para este proyecto
WordPress
Photoshop
Resultado final
Resultados e impacto
El resultado fue una web institucional moderna y funcional que transmite la solidez y trayectoria de ASAuto.
El diseño logró un equilibrio entre identidad corporativa y accesibilidad, facilitando el contacto con los clientes y el acceso al portal de ventas, fortaleciendo así la presencia digital de la marca.
final
Este proyecto representó una oportunidad para aplicar mi experiencia en diseño web corporativo, transformando las necesidades de la empresa en una plataforma sólida y funcional.
El resultado refleja mi enfoque en crear sitios visualmente coherentes, centrados en la experiencia del usuario y alineados con los objetivos de cada marca.
ewig
ewig – marca de autopartes
Proyecto: EWIG – Catálogo de autopartes especializadas para encargos.
EWIG es una marca de autopartes que respalda vehículos de las marcas mas reconocidas como Toyota, Ford y Chevrolet. Posicionándose en el país como una de las marca con mejor balance de calidad-precio, buscan desarrollar su pagina web con la meta de darse una identidad digital, un lugar donde los consumidores puedan conocer mas de la marca y sus repuestos.
Necesidades del cliente
EWIG solicita una web que encaje perfectamente con la identidad de la marca, resaltando su identidad con el mundo automotriz. Reforzando siempre que su mayor ventaja es la calidad y duración de sus piezas. Queriendo demostrar que son la marca en la que puedes confiar, garantizando que tu auto estará con repuestos de primera.
Diseñar una web que pueda cubrir las necesidades de:
- Mostrar su catálogo de autopartes sin exponer precios para proteger el margen.
- Permitir que clientes vean lo que ofrecen por categoría y soliciten presupuestos.
- Mantener una identidad fuerte, basada en calidad, garantía y durabilidad.
- Facilitar contacto personalizado (clientes, distribuidores).
Propuestas y mejoras implementadas
🤝 Estructura funcional enfocada en el modelo de negocio
Crear una estructura que encajara perfectamente con lo que la marca quiere enseñar a los usuarios y que a la vez cubra todas las dudas a cada persona que visita el sitio web.
- Catálogo sin precios: Se propuso un formato de catálogo visual que permite mostrar el inventario sin revelar precios, protegiendo así la estrategia comercial y evitando la comparación directa con competidores.
- Sistema de solicitud personalizada: Cada producto dirige al usuario hacia canales de contacto directo (WhatsApp o formulario) para generar un trato más personalizado y fortalecer la relación cliente–empresa.
👁️Diseño visual coherente con la identidad de marca
Diseño enfocado en lo automotriz, en seguridad y tonos que identifican a la marca en el rubro.
- Enfoque en calidad y durabilidad: Se diseñó una línea gráfica limpia y robusta, con colores que transmiten confianza y profesionalismo, reforzando el concepto de “marca con respaldo y garantía internacional”.
- Comunicación institucional sólida: Se incorporaron mensajes estratégicos en secciones como “Nosotros” y “Valores”, resaltando los pilares de la empresa: calidad certificada, confianza y servicio.
👤Experiencia de usuario optimizada
Flujo optimizado para contacto/presupuesto: botones de contacto claros, WhatsApp/redes visibles, sección de distribuidores, haciendo que el usuario sepa exactamente dónde acudir para encargos.
- Jerarquía clara y navegación intuitiva: Se estructuró el sitio para que el usuario pueda encontrar categorías de productos de forma rápida y lógica, reduciendo pasos y tiempo de búsqueda.
- Llamados a la acción visibles: Se implementaron botones de contacto y enlaces a redes sociales en puntos clave del recorrido, fomentando la conversión inmediata desde cualquier sección.
rol y herramientas utilizadas
Asumí la dirección completa del diseño y desarrollo del sitio web de EWIG, liderando todo el proceso desde la conceptualización hasta la publicación final.
Mi rol combinó las áreas de diseño visual, experiencia de usuario y estrategia digital, con el objetivo de crear un catálogo funcional que reflejara la calidad y solidez de la marca.
Responsabilidades principales:
- Análisis de necesidades y definición de estructura acorde al modelo de negocio (catálogo sin precios).
- Diseño UX/UI completo del sitio, priorizando claridad, jerarquía visual y coherencia institucional.
- Creación de la identidad visual aplicada al entorno digital (colores, tipografía, banners, estilo gráfico).
- Maquetación y desarrollo del sitio web en WordPress, con diseño 100% responsive y optimizado para diferentes dispositivos.
- Integración de canales de contacto directo (WhatsApp, formulario y redes sociales).
- Redacción y adaptación de los textos corporativos, manteniendo un tono técnico y profesional.
- Revisión, optimización y lanzamiento del sitio en su entorno final.
herramientas usadas para este proyecto
WordPress
Photoshop
ChatGPT
Resultado final
Resultados e impacto
El sitio web de EWIG consolidó la presencia digital de la marca, presentando su catálogo de autopartes de manera clara y profesional.
El nuevo diseño permitió mejorar la comunicación con clientes y distribuidores, facilitando el proceso de solicitud de presupuestos y reforzando la percepción de confianza y respaldo de la empresa.
Además, la estructura optimizada y el diseño aseguraron una experiencia fluida desde cualquier dispositivo, incrementando la interacción con potenciales clientes.
final
Este proyecto reafirmó mi enfoque en crear soluciones digitales que no solo destaquen visualmente, sino que también respondan a los objetivos reales del negocio.
El reto de equilibrar la identidad de marca con un enfoque comercial discreto me ayudó a crecer como diseñador y entender mejor la comunicación corporativa dentro del sector automotriz.