Redacted. The enterprise translation platform was growing to new users but remained confusing and cluttered to use.
I worked on redesigning the application.
Redacted The enterprise translation platform was growing to new users but remained confusing and cluttered to use.
I worked on redesigning the application.
Redacted. The enterprise translation platform was growing to new users but remained confusing and cluttered to use.
I worked on redesigning the application.
Team
Team
Team
Design Manager
Design Manager
Design Manager
Senior UX Designer
Senior UX Designer
Senior UX Designer
My Role
My Role
My Role
UX Design Intern
UX Design Intern
UX Design Intern
Timeline
Timeline
Timeline
Aug-Sep, 2024
Aug-Sep, 2024
Aug-Sep, 2024
Client
Client
Client
Process 9
Process 9
Process 9
TL;DR
TL;DR
TL;DR
While I was a UX Design Intern at UniKwan, I worked on Redacted, a document translation tool by Readacted used by major businesses to localise their content.
I worked on redesigning screens across the dashboard, workspace, and documents, set up a design system with documentation, pulled together research, and refined user stories so the product made more sense for both users and the business.
While I was a UX Design Intern at UniKwan, I worked on Redacted, a document translation tool by Readacted used by major businesses to localise their content.
I worked on redesigning screens across the dashboard, workspace, and documents, set up a design system with documentation, pulled together research, and refined user stories so the product made more sense for both users and the business.
While I was a UX Design Intern at UniKwan, I worked on Redacted, a document translation tool by Readacted used by major businesses to localise their content.
I worked on redesigning screens across the dashboard, workspace, and documents, set up a design system with documentation, pulled together research, and refined user stories so the product made more sense for both users and the business.
Problem
Issues that users faced (abstracted):
Issues that users faced (abstracted):
Issues that users faced (abstracted):
Translation platform with complex workflows and multiple target users.
Translation platform with complex workflows and multiple target users.
Translation platform with complex workflows and multiple target users.
Expanding features showed gaps in hierarchy and overall product cohesion.
Expanding features showed gaps in hierarchy and overall product cohesion.
Expanding features showed gaps in hierarchy and overall product cohesion.
Scaling the product exposed friction in everyday user jobs.
Scaling the product exposed friction in everyday user jobs.
Scaling the product exposed friction in everyday user jobs.
More content made finding and editing translations harder and less reliable.
More content made finding and editing translations harder and less reliable.
More content made finding and editing translations harder and less reliable.
Process
An end-to-end process to move from research to final execution.
An end-to-end process to move from research to final execution.
An end-to-end process to move from research to final execution.
Week 1
Week 1
Week 1
Project Scope
User Stories
User Personas
Project Scope
User Stories
User Personas
Project Scope
User Stories
User Personas
Week 2
Week 2
Week 2
IA
User Flows
Wireframes
IA
User Flows
Wireframes
IA
User Flows
Wireframes
Week 3
Week 3
Week 3
Hi-Fi Mockups
Prototype
Hi-Fi Mockups
Prototype
Hi-Fi Mockups
Prototype
Week 4
Week 4
Week 4
Design System
Documentation
Dev Support
Design System
Documentation
Dev Support
Design System
Documentation
Dev Support
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Discover
Mapped user journeys and consolidated research to understand pain points.
User journeys visualized to highlight friction, needs and opportunities.
Define
Restructured information architecture and clarified hierarchical relationships.
Defining architecture to bring coherence and scalability to the app.
Design
Designed key screens across the application to streamline navigation.
Workspace screens in Figma. For more details, reach out here.
Deliver
Built a design system and documented it for scalability and consistency.
Design tokens, components, states, color palettes, grids/layouts, etc.
Showcase
Impact
From growth to efficiency, key impacts were delivered.
From growth to efficiency, key impacts were delivered.
From growth to efficiency, key impacts were delivered.
The redesign reshaped how the product worked at scale. By focusing on usability, transparency, and growth, the platform could better support both users and the business as it expanded.
The redesign reshaped how the product worked at scale. By focusing on usability, transparency, and growth, the platform could better support both users and the business as it expanded.
The redesign reshaped how the product worked at scale. By focusing on usability, transparency, and growth, the platform could better support both users and the business as it expanded.
Grew the user base and enriched features under a unified system.
Grew the user base and enriched features under a unified system.
Grew the user base and enriched features under a unified system.
Reduced workflow friction with 10+ new features, including Quick Translate.
Reduced workflow friction with 10+ new features, including Quick Translate.
Reduced workflow friction with 10+ new features, including Quick Translate.
Introduced clarity in costs and processes, building user trust.
Introduced clarity in costs and processes, building user trust.
Introduced clarity in costs and processes, building user trust.
Faster access, clearer hierarchy, and improved review states boosted efficiency.
Faster access, clearer hierarchy, and improved review states boosted efficiency.
Faster access, clearer hierarchy, and improved review states boosted efficiency.
Takeaways
Designing beyond screens: What I learned…
Designing beyond screens: What I learned…
Designing beyond screens: What I learned…
I picked up a few lessons from my time on the project. This being my first big 'gig', I was naturally a bit nervous, but the team guided me through every step.
I picked up a few lessons from my time on the project. This being my first big 'gig', I was naturally a bit nervous, but the team guided me through every step.
I picked up a few lessons from my time on the project. This being my first big 'gig', I was naturally a bit nervous, but the team guided me through every step.
Document it meticulously
I wouldn’t have been able to make this case study if I didn’t document it.
Document it meticulously
I wouldn’t have been able to make this case study if I didn’t document it.
Document it meticulously
I wouldn’t have been able to make this case study if I didn’t document it.
Speed trumps perfection
Rapid iteration and quick production always beats endless tweaking.
Speed trumps perfection
Rapid iteration and quick production always beats endless tweaking.
Speed trumps perfection
Rapid iteration and quick production always beats endless tweaking.
Build on what exists
Lean on foundations. Using Fluent UI saved time and boosted efficiency.
Build on what exists
Lean on foundations. Using Fluent UI saved time and boosted efficiency.
Build on what exists
Lean on foundations. Using Fluent UI saved time and boosted efficiency.
Designing is questioning
Problem-solving lies in knowing what to ask and how, not in Figma.
Designing is questioning
Problem-solving lies in knowing what to ask and how, not in Figma.
Designing is questioning
Problem-solving lies in knowing what to ask and how, not in Figma.