Mesh.ai

A fresh take on the online presence of a performance enablement platform

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.

Challenge

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.

Our Role

What we did
Identity Design
UI/UX Design
Webflow
Teams collaborated with
Marketing
Engineering
SEO

The agile approach

We followed a sprint-based approach for Headspin.

Sprint 0
Customers from google search, instagram and facebook.
Sprint 1
Customers from google search, instagram and facebook.
Sprint 2
Customers from google search, instagram and facebook.
Sprint 2
Customers from google search, instagram and facebook.
Sprint 2
Customers from google search, instagram and facebook.
Sprint 1
Customers from google search, instagram and facebook.
Sprint 1
Customers from google search, instagram and facebook.
Sprint 1
Customers from google search, instagram and facebook.
Sprint 1
Customers from google search, instagram and facebook.
Sprint 0
Customers from google search, instagram and facebook.
Sprint 0
Customers from google search, instagram and facebook.

The agile process

01

Discover

We discover the user’ needs and pain points with you and understand the problem statement.

process 1
02

Explore

Through personas, journey maps and user flows we try to break down the problem statement and explore possible solutions.

process 2
03

Design

We first test ideas on low fidelity wireframes for layouts and functions before transitioning to high fidelity visual mockups.

process 1
04

Prototype & Test

The visual design elements come together in a prototype where the product behavior is A/B tested for access, usability & functionality.

process 2
05

Develop

We align with the development teams to achieve what was envisioned at the first step and help bring the product to life.

Revamping Flow and Navigation for Enhanced User Experience

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.

Wireframes

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.

Design system

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.

Webflow

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.

Visual Identity

We implemented a more balanced color scheme, using the brand colors strategically to enhance visual appeal and maintained consistency throughout the website.

Illustrations

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.

Responsiveness

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.

Post-launch

Post-launch of the website we are actively working with Mesh to design and launch multiple landing pages and social media creatives. We aim to maximize the impact of these efforts and help Mesh achieve its desired outcomes in terms of user engagement, conversions, and overall campaign effectiveness.

Nitrous has allowed us to significantly bolster our capabilities without building an internal team. From graphic design and illustrations to web development, we can augment our capacity and do more with less. After getting in a soup with another partner, Nitrous stepped in and took on a project midway to deliver within super swift timelines. The team is resourceful, disciplined, goes above and beyond and their engagement model with Slack and Asana permits easy collaboration. Our work with Nitrous is appreciated internally and with our audience, so that's a win-win situation for us.
Abhay singh
Head of Demand Generation and Revenue Operations

Have a project?

Get a free quote and start planning your next project.

Before

After

Before

After

Our featured work

Helicap
UI/UX Design
,
Webflow
,

Online Investment Platform

Agilisium
UI/UX Design
,
Webflow
,

Digital transformation company