Back to all projects
SaaS marketing2026EhsanLabFocused portfolio case-study sprint

EhsanLab - AI Product Studio

EhsanLab is a modern QA, DevOps, and security testing platform designed for SaaS and enterprise teams. This case study covers the end-to-end experience, from information architecture and service discovery to conversion-focused marketing pages and a QA dashboard concept.

Focus: Information Architecture, Design Systems, Conversion Optimization, and the connection between marketing and product experiences.

Role

Product Designer (IA, UI system, marketing site, dashboard UX)

Scope

Marketing site, dashboard UX, system components

FigmaInformation architectureDesign systemsSaaS marketingDashboard UX
EhsanLab desktop hero experience

Problem and IA

Turning a generic SaaS shell into a clearer product story.

The original direction had an overloaded navigation system, unclear information architecture, and a familiar SaaS rhythm that made EhsanLab feel less distinctive than the offer required.

Goals

  • Clarify the navigation and page hierarchy.
  • Connect services with industries and proof points.
  • Create a stronger Book a Call flow for conversion.
  • Link the marketing website to the QA dashboard story.
EhsanLab header and navigation close-up
Header and navigation close-up: fewer decisions, clearer scan path.
EhsanLab footer crop
Footer crop: supporting links and conversion context without visual weight.

Design system

Theme tokens and reusable components for marketing and dashboard surfaces.

I extracted colors, type hierarchy, spacing, radius, and component decisions into Figma styles so the experience could stay coherent across editorial sections, pricing cards, dashboard widgets, inputs, and proof modules.

EhsanLab color palette
Color tokens for premium contrast, accents, and interface states.
EhsanLab typography hierarchy
Type hierarchy tuned for editorial scanning and dashboard clarity.
EhsanLab component sheet
Reusable components: buttons, cards, inputs, KPI modules, and dashboard primitives.

Marketing experience

Services, industries, and proof arranged for faster decision-making.

The services grid makes the offer legible at a glance, while the results strip and industry cards show momentum and vertical expertise without turning the page into a repetitive card wall.

EhsanLab services grid

Structure

Services are grouped around business outcomes

then reinforced by metrics and industry applications. Additional case studies follow the same compact structure instead of appearing here as a full grid.

EhsanLab proven results metrics
Proof strip with concise outcome metrics.
EhsanLab industry cards
Industry cards that connect expertise to concrete use cases.

Pricing and conversion

Engagement models built around clarity and action.

Pricing cards separate engagement options clearly, while the conversion pattern keeps one primary route forward: Book a Call. Secondary contact and strategy form paths support visitors who need more context before committing.

EhsanLab pricing cards
Pricing cards clarify engagement models and reduce comparison friction.
EhsanLab Book a Call and contact strategy block
Primary Book a Call route with supporting contact and strategy capture.

Dashboard experience

A QA dashboard that makes marketing proof feel product-backed.

The dashboard focuses on KPI widgets and a bug board, giving the homepage metrics a product counterpart. It connects release quality, QA status, and delivery confidence into one ecosystem instead of presenting disconnected dashboard views.

EhsanLab dashboard KPI widgets and bug board

Reflection

From AI output to a system-driven case study.

The strongest improvement was turning a broad AI/Figma Make output into a clearer product narrative. The final direction systemizes the visual language, simplifies IA, strengthens conversion, and connects the marketing experience with the dashboard ecosystem.

Outcome

Premium, UX-focused, conversion-led, and easier to scan.