Back to work

Enterprise SaaS / Video Conferencing / Remote Collaboration

Ulang

Designing a cloud platform for live remote interpreting.

Ulang is a premium cloud-based platform that enables professional live interpreting for conferences, workshops, webinars, and other virtual events. The platform allows interpreters and participants to communicate through real-time translated audio during live sessions.

The objective was to design the complete user experience for the platform, moving from early concepts through high-fidelity interface design before handoff to the development team.

Project Overview

Ulang needed a complete product experience designed from the ground up. The platform supports professional live interpreting for conferences, workshops, and webinars, allowing interpreters and participants to communicate through real-time translated audio. The design work covered the full path from requirements and early exploration through to high-fidelity production screens ready for development.

My Role

I worked as Product Designer across the entire engagement, from research synthesis and information architecture through user flows, wireframing, high-fidelity UI design, and handoff to development.

The Challenge

The central challenge was building an interface that could support a complex live translation workflow while staying intuitive for users in the middle of a live event. It had to hold multiple user interactions, interpreter controls, and participant views without adding cognitive load during active sessions.

Design Process

I started from the platform requirements and the core interpreting workflows, then explored the structure as low-fidelity sketches: screen hierarchy, navigation, and the main interactions. Working through wireframes and user flows let the interaction model evolve and get validated before any visual design. Once the structure held, the work moved into high-fidelity UI, where I defined color, typography, layout, and hierarchy into a consistent enterprise visual system.

Solution

The result was a complete interface for Ulang's remote interpreting platform: interaction flows, wireframes, and high-fidelity screens for interpreters and participants. Final mockups and specifications were handed off to a dedicated Angular implementation team, with room for technical adjustments during production.

Depth

What was complex about Ulang, and what I helped clarify.

What was complex
  • The interface needed to support a complex live translation workflow while remaining intuitive for users participating in virtual events.
  • Multiple user types and interaction patterns had to coexist without increasing cognitive load during active sessions.
  • The project required moving from early exploration to production-ready screens on a development timeline tied to an Angular implementation team.
What I helped clarify
  • The screen hierarchy and navigation model for the platform.
  • How different user roles moved through the live interpreting workflow.
  • The visual system and component structure needed to support enterprise collaboration.
Value created

Delivered a complete interface design for Ulang's remote interpreting platform, including interaction flows, wireframes, high-fidelity mockups, and production-ready assets for a smooth transition into development.

Solution visuals

Screens and visual references from Ulang.

Ulang platform overview, high-fidelity interface
Platform overviewUlang platform overview, high-fidelity interface
Early concept sketch exploring screen hierarchy and navigation structure
Concept sketchEarly concept sketch exploring screen hierarchy and navigation structure
Low-fidelity exploration of core components and user interactions
Low-fi explorationLow-fidelity exploration of core components and user interactions
Wireframe concepts for core interaction patterns
WireframesWireframe concepts for core interaction patterns
User flow diagram for interpreter joining a live session
User flowUser flow diagram for interpreter joining a live session
Participant flow through a live interpreting event
Participant flowParticipant flow through a live interpreting event
Combined sketches and mockups showing workflow progression
Flow progressionCombined sketches and mockups showing workflow progression
High-fidelity color palette and visual direction
Visual systemHigh-fidelity color palette and visual direction
Dashboard layout with typography and visual hierarchy
Dashboard layoutDashboard layout with typography and visual hierarchy
Session interface with live audio and interpreter controls
Session interfaceSession interface with live audio and interpreter controls
Production-ready screen prepared for Angular implementation
Production screenProduction-ready screen prepared for Angular implementation
Final layout with complete component specifications
Final layoutFinal layout with complete component specifications
Complete mockup set for development handoff
Handoff setComplete mockup set for development handoff

Design highlights

What changed in the experience.

Complex workflow made intuitive

A live translation workflow with multiple user types was organized into a clear, low-friction interface.

Progressive fidelity from sketch to production

The design moved from low-fidelity validation through high-fidelity production without skipping alignment steps.

Clean enterprise visual system

Color, typography, layout, and hierarchy were defined to support a professional, enterprise-grade product.

Smooth development handoff

All screens and specifications were prepared for a dedicated Angular implementation team with room for technical adjustments.

Outcome

The engagement produced a complete, production-ready interface design for Ulang's remote interpreting platform that enabled a smooth transition into development.

Related work

Adjacent projects.