Framework portal

A modern digital hub, combining cutting‑edge functionality and the latest tech to serve users in a unique domain.

Tools

Figma

Adobe CC

Google Analytics

Clarity

Empowering teams with intuitive tools for team building, knowledge sharing, and design execution, through a centralized, component-driven UX framework that simplifies UI creation and fosters consistency across OpenText products.

3x faster

publishing time

Streamline

workflows by empowering everyone without confusion or delays

Boost

cross-functional scalability

Case study

Project Brief

OT.digital is a design framework portal combining the Blueprint UI system, an Icon Library, and tools like ShortURL and Redirect Manager. The goal was to design a self-serve, scalable entry point to help internal teams leverage reusable UX assets and build faster.

Objective

Centralize access to reusable design assets and tools.

Reduce design and development time through ready-to-use components.

Improve discoverability and usability of internal tooling.

Promote consistent visual and interaction patterns across teams.

Scope

End-to-end UX and UI design of the framework portal.

Component library organization and visual hierarchy.

Tool access, navigation, iconography integration.

Cross-functional alignment (design, dev, product marketing).

Success metric

30% increase in internal usage of the Blueprint framework.

50% faster prototyping reported by UX teams.

3x more tool adoption from new product teams.

Positive feedback in internal NPS surveys around ease of use.

Process

Discovery

Conducted internal stakeholder interviews (designers, developers, PMs).

Mapped pain points around reusability, searchability, and consistency.

Benchmarked similar design systems.

Discovery

Conducted internal stakeholder interviews (designers, developers, PMs).

Mapped pain points around reusability, searchability, and consistency.

Benchmarked similar design systems.

Discovery

Conducted internal stakeholder interviews (designers, developers, PMs).

Mapped pain points around reusability, searchability, and consistency.

Benchmarked similar design systems.

Information Architecture & Content Strategy

Defined a clear information architecture.

Grouped components by function: Content, Layout, Navigation, and App Interactions.

Wrote concise descriptions and added microcopy to aid comprehension.

Information Architecture & Content Strategy

Defined a clear information architecture.

Grouped components by function: Content, Layout, Navigation, and App Interactions.

Wrote concise descriptions and added microcopy to aid comprehension.

Information Architecture & Content Strategy

Defined a clear information architecture.

Grouped components by function: Content, Layout, Navigation, and App Interactions.

Wrote concise descriptions and added microcopy to aid comprehension.

Visual & Interaction Design

Designed scalable patterns for frameworks/tools.

Ensured accessibility and contrast adherence.

Applied Blueprint design tokens for visual consistency.

Visual & Interaction Design

Designed scalable patterns for frameworks/tools.

Ensured accessibility and contrast adherence.

Applied Blueprint design tokens for visual consistency.

Visual & Interaction Design

Designed scalable patterns for frameworks/tools.

Ensured accessibility and contrast adherence.

Applied Blueprint design tokens for visual consistency.

Usability Testing

Iterated navigation and component grouping.

Mobile-first adjustments and accessibility audits.

Refined CTAs (“Explore Blueprint,” “Build ShortURLs”) based on task flows.

Usability Testing

Iterated navigation and component grouping.

Mobile-first adjustments and accessibility audits.

Refined CTAs (“Explore Blueprint,” “Build ShortURLs”) based on task flows.

Usability Testing

Iterated navigation and component grouping.

Mobile-first adjustments and accessibility audits.

Refined CTAs (“Explore Blueprint,” “Build ShortURLs”) based on task flows.

Development Handoff

Delivered Figma Design System with components and page templates.

Annotated states and responsive behavior.

Collaborated with front-end team to align implementation.

Development Handoff

Delivered Figma Design System with components and page templates.

Annotated states and responsive behavior.

Collaborated with front-end team to align implementation.

Development Handoff

Delivered Figma Design System with components and page templates.

Annotated states and responsive behavior.

Collaborated with front-end team to align implementation.

See more

Corporate design system

UX Research

Customer portal

Contact

Let’s build what’s next

Looking for more than just a UX designer? I bring strategy, systems thinking, and a spark of innovation that is powered by AI and grounded in real user needs. Whether you're shaping a bold new product or leveling up what already exists, let's turn ideas into impact.

Get in touch

2025

Srg