About
Microsoft Clarity is a user behavior analytics tool. It helps you understand how people are interacting with your website. You can see what's working smoothly and what's not, and test new designs and ideas.
Clarity provides
Instant heatmaps
See where people click, how far they scroll, and which areas drive the most engagement
Session recordings
Present recordings of user’s interactions for almost any scenario with customizable filtering
Powerful insights
Provide a behavior-focused data dashboard, pinpoint where users get frustrated, and isolate errors to quickly debug.
My focus
01 First round experience redesign:
The new experience provides seamless flow with handheld guidance for beginners and tech-savvy to increase the sign up rate. We also gamified Clarity’s checklist to help users maximize the product potential.
02 Branding:
I redesigned Clarity’s product icon to increase brand awareness; the new design incorporates Clarity’s core value, brand identity, and aligns with Microsoft’s branding guidelines. The product icon is used on the Clarity website, the live extension app, and our social medias. We’ll use it on the Clarity mobile app in the near future.
03 Visual design:
I followed and adapted company’s new visual design directions in order to create effective and inclusive visual assets. I followed the process of finding a precise metaphor, converting ideas into engaging visuals, helping users quickly understand the message, and conveying Clarity’s desired information.