Mesh.ai is a groundbreaking performance management platform that disrupts the traditional approach to managing goals, feedback, and performance reviews in the corporate world. Mesh.ai transforms how organizations and teams operate, fostering collaboration, growth, and predictive insights. With its comprehensive set of features, Mesh.ai is designed to meet the needs of the modern workforce and empower employees to thrive.
Mesh.ai’s previous website had issues with excessive use of brand colors and an inability to effectively communicate key concepts. To address these challenges, Mesh.ai partnered with us to revamp their website
This collaboration aimed to create an engaging website that would showcase Mesh.ai's innovative approach to performance enablement.
We followed a sprint-based approach for Headspin.
We discover the user’ needs and pain points with you and understand the problem statement.
Through personas, journey maps and user flows we try to break down the problem statement and explore possible solutions.
We first test ideas on low fidelity wireframes for layouts and functions before transitioning to high fidelity visual mockups.
The visual design elements come together in a prototype where the product behavior is A/B tested for access, usability & functionality.
We align with the development teams to achieve what was envisioned at the first step and help bring the product to life.
We recognized the importance of enhancing the overall navigation to improve to ensure a seamless and intuitive browsing experience. We simplified the navigation menu, utilizing clear and concise labels that aligned with user expectations, making it easier for visitors to locate the desired information.
The resource hub, being a critical component, required careful attention. To achieve this, we created wireframes focused on creating an intuitive and user-friendly navigation system for the resource hub. Clear and logical categories were defined, making it easy for visitors to browse and locate specific resources. Navigation menus and filters were strategically incorporated to provide visitors with quick access to relevant content.
We identified key areas where the brand colors could have the most impact. These areas, such as call-to-action buttons, important sections, or highlighting key information, were selectively infused with the brand colors to draw attention and create visual interest.Then used those colors into the identity shape, typically a circle, surrounding the illustrations. This strategic use of brand colors created visual cohesion and helped the illustrations stand out within the overall design.
We added the final touch of magic to the website's development by leveraging our capabilities of Webflow. Implemented micro-interactions using Webflow to add subtle yet impactful impact throughout the website.
We employed scroll-based animations. These animations triggered as users scrolled down the page, adding depth and visual interest to the content. These interactions, such as hover effects, or animated elements, provided users with visual feedback and intuitive cues, making the browsing experience more engaging and interactive.
We implemented a more balanced color scheme, using the brand colors strategically to enhance visual appeal and maintained consistency throughout the website.
We created illustrations that effectively and clearly communicated the core ideas and the functionality of what Mesh.ai does and how it provides value to its users.
We ensured that all interactions were optimized for responsiveness across different devices and screen sizes. The interactive elements seamlessly adapted to different viewport sizes, providing a consistent and delightful user experience, regardless of the device used.
Get a free quote and start planning your next project.