Get the free guide

Free SaaS UX Design Checklist — enter your details and we’ll send the PDF and follow up if you need help applying it.

Urus

Web-based SaaS for standardized user story management—AI suggestions, hierarchy, and real-time collaboration for engineering teams

UX design case study for a user story management platform

URUS is a web-based product designed to standardize and streamline user story management for cross-functional engineering teams. I led the product design from discovery to high-fidelity UI, ensuring usability for complex workflows like AI-powered story suggestions, hierarchical structuring, and real-time collaboration.

Challenge:

The primary challenge was to translate a highly technical product vision into a user-friendly interface. The platform needed to support complex logic like AI suggestions, hierarchical structures, and collaboration features — while remaining accessible to non-technical users across different engineering disciplines.

What We Did:

We designed the MVP for a SaaS platform that enables engineering teams to collaboratively define user stories with standardized terminology. The scope included complex features such as role-based dashboards, AI-assisted user story generation, and CSV exports of structured data. Our focus was on balancing technical functionality with intuitive, minimalistic interfaces for engineers and project managers.

  • 10K

    Monthly active users

  • 2K

    Min per session

  • 95%

    Positive beta tester feedback

UX design case study: dashboards, editors, and collaboration

We began with product discovery sessions, mapped out user personas, and created detailed user flows. The first high-fidelity compositions show how dense product surfaces stay legible when teams juggle hierarchy, status, and shared context—core to a credible UX case study SaaS dashboard experience.

Product design portfolio: structure for complex workflows

Early UI explorations translate research into a clear desktop-first layout—so engineers and PMs can scan hierarchy and story health without losing narrative detail. This stage anchors the product design portfolio story before wireframes and the full design system.

SaaS platform views for shared terminology and exports

Wide compositions show how structured data, collaboration, and export-oriented flows coexist—supporting teams that need consistent language across roles while keeping actions within reach.

Wireframes that simplify before high fidelity

The focus was on simplifying complex processes into clear, actionable steps before moving into detailed design.

UI design with a modular desktop-first system

The final UI combined a clean, professional look with high usability, optimized for desktop-first usage. A modular design system was developed to ensure consistency across all screens, including dashboards, editors, and collaborative features.

Responsive pairing for review and detail states

Paired frames show how complementary views scale—keeping review density manageable on large surfaces while preserving focus in narrower compositions.

High-fidelity flows across core journeys

Square hero-style captures summarize end-to-end journeys so stakeholders can validate terminology, hierarchy, and collaboration affordances in one read.

Desktop surfaces for operations and oversight

Additional wide layouts reinforce continuity between navigation, search, and operational metrics—reducing context switching for power users.

Paired UI states for dense tables and panels

Companion frames document table-heavy interactions and supporting panels so engineering can ship predictable spacing, alignment, and hierarchy.

AI Assistant

We designed an AI-powered assistant to help users generate and refine user stories faster and more accurately. The assistant provides smart suggestions based on project context, identifies terminology mismatches, and highlights potential gaps in requirements.

Extended UI coverage for editors and analytics-style views

Later wide compositions stress-test the system under richer content—ensuring the same tokens and components hold when charts, lists, and calls-to-action share the canvas.

Square compositions for flagship module summaries

Large square artboards bundle flagship modules so marketing and product can share a single asset that still reads at a glance.

Design system and pattern density

A final square captures pattern density—typography, tables, chips, and AI accents—so future features inherit a consistent baseline without rework.

Closing overview

The last wide frame ties the narrative together—showing how modular layouts, collaboration, and AI assistance converge into one product story worth shipping.

5.0

“Fantastic experience! The team delivered a complete Figma UI kit quickly and with great attention to detail. Everything — from buttons and forms to typography and color styles — was perfectly organized and aligned with our brand. Great skills in User Experience Design, User Inte…”

Simon D.

Upwork

More Our Cases

Let’s make your project glow

Contact us to discuss business opportunities or to say hello.

4.9
110+ Clients

Our team will get back to you within 24h