Legal Term Interface
A structured, accessible interface redesign for exo's updated privacy policy. Designed and integrated using existing layout components, the new interface transforms an overwhelming wall of legal text into an easily navigable and compliant user experience.
Role
UI/UX Designer & Integrator
Company
exo (Réseau de transport métropolitain)
Tools
Figma, HTML/CSS
Timeline
Fall 2025
The Problem & Solution
The problem: Due to new privacy regulations, exo's privacy policy required a massive update. The existing page was an intimidating, endless wall of legal text, making it extremely difficult for users to navigate and locate specific clauses.
The solution: A structured, accessible interface redesign that breaks down dense legal documentation into digestible sections using intuitive, anchored navigation.
Process & Product Thinking
Information architecture: Restructured the dense content by establishing a clear visual hierarchy and utilizing interactive layout components, allowing users to easily scan and locate specific privacy clauses without cognitive load.
Designing with constraints: Focused on modifying existing layout elements and typographic styles to create a clean, accessible reading experience, ensuring strict brand consistency without needing to develop a net-new custom system.
Key Features & User Workflows
Seamless navigation & accessibility: Introduced clear section breaks, optimized typography, and structured content blocks. This reduced friction, making legal compliance transparent and easily consumable for users across both desktop and mobile devices.
Key Takeaways
Designing for legal compliance doesn't mean sacrificing the user experience; structured typography and distinct visual spacing are essential when presenting dense, complex content.
Adapting existing web components into new functional layouts is a highly efficient way to solve complex information architecture problems.