Case:
In 2023, our UX/UI, SEO, and Web Engineering teams were tasked with redesigning the website for Mindhack, a corporate innovation consultancy dedicated to empowering high-performance teams through agile methodologies.
Goals:
- Communicate the brand identity of each of its business lines
- Integrate Calendly connections and LinkedIn profiles for team members.
- Create a page for downloading both free and paid content.
- Position-specific terms like co-creation, Human Powered, and design thinking.
Execution
The result of this project was achieved after several rounds of iteration and teamwork between Mindhack and Sí Señor. One of the main challenges of the website was in the area of UX Writing, which involves building the experience from the structure and creation of texts, and SEO, which aims to optimize the content.
In some cases, it is necessary for the team responsible for creating the website to be trained by the client brand to understand firsthand what the company does, as well as the corresponding how and why. This was carried out in several sessions, allowing for a unified language and understanding of the terminology.
Another area involved was UX/UI, which on this occasion was supported by experienced designers whose role was to achieve the perfect balance between the aesthetic and functional aspects of the site, using the web prototyping tool and vector graphics editor, Figma, for wireframe design.
Last but not least, the role of the Web Engineering team was crucial, as they developed both the Front End and Back End of www.mind-hack.co
Among the final results of the website are:
- Desktop and Responsive version: This page was designed and optimized for the effective display of texts and images on both desktop and mobile devices.
- External Implementations: Various functionalities were integrated into the website, including:
- Calendly Connection: A tool that allows scheduling of meetings, appointments, and events.
- LinkedIn Embed: Displays the latest posts from specific LinkedIn profiles.
- Measurement Scripts: Enables centralized management and analysis of navigation data.
- Download Form: Besides its integration, this form provided access to a specific resource for download upon completion and submission of the fields, featuring conditional actions based on the data and specific redirections.
- Development of Interactions and Videos: This specific page was designed and developed with effects such as hover (changes occurring when the cursor hovers over an interactive element) and text rotations (automatic changes in specific words, among others).
- SEO recommendations application: We implemented the practices and adjustments suggested by the Search Engine Optimization team to improve the web’s visibility and ranking on Google.
- Design System: For Mindhack, we co-created a coherent set of visual elements and rules to ensure consistency and efficiency, maintaining the colors, fonts, and styles of each business line.
Final Outcome
At https://mind-hack.co/ you can find the outcome of our work.
