Client

National Biomechanics Institute

Scope

Web UI Design

Web UI Design

Web UI Design

Figma

Figma

Figma

UX/UI

UX/UI

UX/UI

Project Goal

Design a clean, user-focused interface for an analytical web application that helps users understand business data through dashboards, tools, and visual insights.

The Challenge:

NBI needed a professional UI designer with Figma expertise to:

  • Create a visually cohesive, analytical interface

  • Improve the user experience for a data-heavy application

  • Align design with both business goals and technical feasibility

  • Collaborate seamlessly with the internal development team

Because the platform deals with large datasets and insights, clarity and structure were essential.

The Solution:

I used a UX-first approach to design an interface that feels modern, efficient, and intuitive, even with complex functionality.

Key steps included:

  • Conducted a UI/UX audit of existing analytics tools to benchmark best practices

  • Designed a flexible component system in Figma to ensure design consistency and dev handoff efficiency

  • Focused on clean data visualization, logical hierarchy, and ease of navigation

  • Prioritized accessibility and user behavior patterns common in business analytics platforms

The result was a design that felt powerful yet approachable, meeting the needs of both expert users and new visitors.

The Result:

The NBI team was able to seamlessly implement the design system into their build process. The final interface was professional, easy to navigate, and tailored for analytical use cases. Internal feedback noted the clarity of the visual language and the collaborative design/dev alignment throughout the project.

Client Feedback:

Great working with Muhammad! He was professional, responsive, and delivered exactly what we needed for our web application. We’d be happy to work with him again on future projects.

Avatar

Rami Hashish

Director NBI