ALLPRO

Visión general

ALLPRO fue un proyecto de e-commerce desarrollado en la plataforma Yampi, con foco en crear una experiencia moderna, organizada y comercial para un catálogo gamer y geek. Mi responsabilidad fue estructurar el layout y la presentación visual de la tienda, garantizando una vitrina fuerte en la home y una página de producto clara, escaneable y lista para convertir.

Contexto y objetivo

El objetivo era entregar una tienda con una identidad marcada, pero fácil de navegar, considerando un catálogo de productos visuales, como Funko Pop, accesorios y periféricos. La estrategia fue construir una home que funcionara como vitrina de promociones y categorías, mientras la página de producto mantenía una jerarquía simple para acelerar la decisión de compra.

El desafío

El desafío principal fue equilibrar una estética fuerte, con colores intensos y atmósfera gamer, sin perder legibilidad. Además, era necesario organizar múltiples secciones de vitrina, promociones y prueba social sin convertir la página de inicio en un bloque sobrecargado. En la página de producto, la prioridad fue mantener claros el precio, la llamada a la acción y la información esencial, con lectura rápida tanto en computadora como en celular.

La estrategia

La estrategia fue aplicar un sistema visual consistente basado en contraste y repetición de componentes. La home se estructuró con un hero promocional fuerte, seguido de accesos a categorías y vitrinas en carrusel, creando ritmo y manteniendo al usuario navegando. El layout también priorizó elementos de confianza, como beneficios de compra, reseñas y áreas de registro, reforzando la credibilidad a lo largo del recorrido.

Lo que se implementó

Home como vitrina comercial:

• Hero promocional: banner principal con oferta de primera compra y CTA destacado, creando impacto inmediato y dirigiendo la acción.
• Accesos a categorías: cards con íconos para acceder rápido a categorías como accesorios, juegos, Funko Pop, periféricos y hardware.
• Vitrinas por intención: secciones como “Más vendidos” y “Promoción” en formato de carrusel para aumentar el descubrimiento y facilitar la comparación.
• Banners destacados: bloques horizontales para reforzar categorías y campañas, manteniendo el ritmo visual a lo largo de la home.

Identidad visual y consistencia:

• Paleta de alto contraste: base morada con detalles en naranja para reforzar el universo gamer, con CTAs bien visibles.
• Tipografía y jerarquía: títulos grandes y lectura directa, con botones y precios en evidencia para una decisión rápida.
• Componentes estandarizados: repetición de cards de producto y botones para crear previsibilidad y mejorar la escaneabilidad.

Página de producto orientada a la conversión:

• Galería clara: imágenes con miniaturas laterales para ver el producto rápidamente.
• Área de compra objetiva: precio destacado, selección de cantidad y CTA principal de lectura inmediata.
• Cálculo de envío accesible: campo de código postal en un lugar visible, sin competir con el CTA.
• Contenido organizado: descripción del producto, especificaciones técnicas y reseñas estructuradas en bloques para una lectura ligera.

Confianza y retención:

• Bloque de reseñas: sección dedicada para reforzar la prueba social y reducir objeciones.
• Newsletter: área de registro para captar leads y mantener la relación con la audiencia.
• Footer completo: estructura con información institucional, políticas, atención al cliente y sellos de seguridad para reforzar la credibilidad.

Resultado

El resultado fue una tienda Yampi con una estética marcada y navegación simple, lista para vender dentro del universo gamer y geek. La home funciona como vitrina comercial con campañas y categorías bien organizadas, mientras la página de producto mantiene el foco en la conversión con jerarquía clara, contenido escaneable y elementos de confianza distribuidos a lo largo del recorrido.