seccion-branding-mach

Caso de Estudio: Sitio Web Agencia MACH Perú (Rediseño y Viabilidad Técnica)

En mi paso por la agencia MACH como proyecto inicial debía dar un cambio completo al sitio web que tenían, era una web antigua realizada con HTML y CSS que carecía de diseño a pesar de mostrar imágenes hermosas de trabajos realizados por la agencia.

El Reto y Objetivo (Enfoque en la Arquitectura)

La Agencia MACH, con un sitio web ya existente, necesitaba un rediseño completo que no solo modernizara su imagen (Branding), sino que resolviera desafíos técnicos y de usabilidad en su plataforma. El objetivo era crear una base sólida y escalable que el equipo de desarrollo pudiera mantener fácilmente a largo plazo.

Mi Rol y Proceso Estratégico

Mi función principal fue la de Especialista en Viabilidad Técnica y Diseño de Sistemas.

  • Auditoría Técnica/UX: Analicé la arquitectura del sitio antiguo para identificar cuellos de botella en la navegación y la estructura del código.
  • Diseño de Componentes Modulares: El foco fue crear un Design System (colores, tipografía y componentes modulares) que asegurara la consistencia visual y, crucialmente, facilitara el trabajo del equipo de desarrollo Front-End.
  • Prototipado de Alta Fidelidad: Se diseñaron Wireframes y se realizaron prototipos enfocados en la optimización de carga y la respuesta móvil (responsive), utilizando mi conocimiento en HTML/CSS para validar la implementación.

La Solución y el Impacto

El rediseño no solo actualizó la imagen (Branding), sino que entregó al equipo un sistema limpio y organizado.

  • Impacto Técnico: Al basarse en componentes modulares, se redujo la “deuda técnica” del sitio y se garantizó que futuros cambios pudieran realizarse en la mitad del tiempo.
  • Impacto de Usuario: Se mejoró la jerarquía visual de la información, resultando en un flujo de navegación más intuitivo y una mejor experiencia para los potenciales clientes.

El éxito del rediseño fue validado por la comunidad: el nuevo sitio web fue reconocido como Top 10 Web del Mes a nivel internacional en la categoría de sitios Elementor. Este reconocimiento generó un aumento del 500% en la cantidad de usuarios que visitaban la web. Lo más importante, el incremento en la visibilidad y el profesionalismo del diseño contribuyó directamente a que la agencia MACH asegurara nuevos contratos internacionales, demostrando un claro Retorno de Inversión (ROI) para el proyecto UX/UI.

site map agencia mach

wireframe mach

slider-1-de-mach

En conclusión

Es una web en la que me dieron total libertad creativa y tiempo para realizarla lo cual agradezco mucho y todos quedamos muy contento con el resultado, sin duda es mi favorita espero que también te guste.

pueden verla en línea en http://www.agenciamach.com

Compartir en