Caso:
En el 2023 nuestros equipos de UX/UI, SEO e Ingeniería Web, tuvieron la misión de rediseñar el sitio web de Mindhack, una consultora en innovación corporativa dedicada a potenciar equipos de alto desempeño mediante metodologías ágiles.
Metas:
- Comunicar la identidad de la marca de cada una de sus líneas de negocio
- Conexión al Calendly de los integrantes y a sus perfiles de LinkedIn.
- Página para descargar contenido gratuito y pago.
- Posicionar términos específicos como cocreación, Human Powered y design thinking
Ejecución
El resultado de este proyecto se obtuvo luego de diferentes rondas de iteración y trabajo en equipo entre Mindhack y Sí Señor, pues uno de los principales desafíos de la página estuvo en el área de UX Writing, en la cual se realiza la construcción de experiencia desde la estructura y creación de los textos, y SEO, área que busca la optimización del contenido.
En ciertos casos, es necesario que el equipo encargado de la creación del sitio web sea capacitado por la marca cliente para entender de primera mano qué hace la compañía, al igual que los correspondientes cómo y para qué. Esto se realizó en varias sesiones, permitiendo manejar un mismo lenguaje y comprensión de la terminología.
Otra de las áreas involucradas fue UX/UI, la cual para esta ocasión contó con el apoyo de diseñadores de experiencia cuya función fue lograr el perfecto equilibrio entre la parte estética y funcional del sitio, los cuales la herramienta de prototipado web y editor de gráficos vectorial, Figma, para el diseño de wireframes.
Por último, pero no menos importante, el papel del área de Ingeniería Web, donde se desarrolló del Front End y Back End de www.mind-hack.co
Entre los resultados finales del sitio web, están:
- Versión desktop y responsive: Esta página fue diseñada y optimizada para que sus textos e imágenes se visualicen tanto en dispositivos de escritorio como en dispositivos móviles de manera efectiva.
- Implementación externas: Se realizó la integración de ciertas funcionalidades dentro de una página web como:
- Conexión a Calendly (herramienta que permite programar reuniones, citas y eventos).
- Embebido de LinkedIn (el cual muestra las últimas publicaciones de determinados perfiles de esta red social).
- Scripts de medición (Permitiendo gestionar y analizar los datos de navegación de una manera centralizada).
- Formulario de descarga: Además de su integración, la cual al completar y enviar los campos proporcionaba acceso a un determinado recurso para descargar, también contaba con un condicional según los datos y redirecciones específicas.
- Desarrollo de interacciones y videos: Esta página en específico fue diseñada y desarrollada con efectos como hover (cambios que ocurren cuando el cursor se sitúa sobre un elemento interactivo) y rotaciones de textos (cambios automáticos en palabras determinadas, entre otros.
- Aplicación de las recomendaciones de SEO: Implementamos al pie de la letra las prácticas y ajustes sugeridos por el equipo de Search Engine Optimization, para mejorar la visibilidad y clasificación de la web en Google.
- Sistema de diseño: Para Mindhack se cocreó un conjunto coherente de elementos visuales y reglas que garantizarán la consistencia y eficacia, manteniendo los colores, tipografías y estilos de cada línea de negocio.
Resultado final
En https://mind-hack.co/ podrás encontrar el resultado de nuestro trabajo.
