Mitutoyo Cards

01.

Deep analysis informing the core design of the Product Card block. To address repetition, low interaction, and admin concerns, we started by correlating client needs with the technical capabilities of the WordPress Gutenberg Editor. Extensive research into design trends and UX principles for precision manufacturing laid the groundwork. We then used Figma as our primary tool for collaboration and creation, ensuring the final high-fidelity mockups translated seamlessly into a customizable block-based structure.

03.

This project demonstrates a practical, data-driven approach to enhancing the user experience, moving beyond theoretical concepts to achieve tangible real-world improvements. We utilized statistical analysis and gathered user feedback to identify subtle but critical issues with design and speed optimization. For instance, statistical analysis directly highlighted opportunities to simplify page layouts and improve site speed, a vital area given that studies show a 1-second delay in page load time can result in a 7% decrease in conversions. By addressing these data-backed issues, we ensured the final solution significantly enhanced user satisfaction and overall engagement.

First Project at Mitutoyo

WCAG Compliant

Custom Color/Background

122% Faster Design Time

4 Customization Options

15% Faster Load Times

2023

Concept

Project Type

UI/UX Designer | UX Research | Developer

Role

UI/UX Designer | Web Developer

Tools

Adobe XD | Figma | Adobe Illustrator | Adobe Indesign

Contribution

UI/UX Designer | UX Research | Developer

02.

A successful blend of technical performance and creative empowerment. The project culminated in a Product Card block that is both powerful and highly intuitive. This was proven through 34 development iterations that led to a 15% improvement in average load times, directly enhancing the overall user experience. Furthermore, the design process itself was streamlined, delivering a 124.4% increase in block design speed for the administrators, ultimately empowering the team to create high-converting product displays with greater efficiency and creativity.