RELAYTO | SaaS Web Application
RELAYTO is a web application that transforms PDFs into interactive presentations. ‘Best Software-as-a-Service Provider’ Winner - Computing Technology Product Awards 2020.
Overview
This project focused on enhancing the usability of Relayto’s SaaS platform, particularly the editor and content creation workflow. The brief was to identify friction points through user research, reviews, and behavioural observation. Common issues included unclear icons, inconsistent UI patterns, and confusion around how to complete core tasks, such as adding interactivity, buttons, and media.
Role
I led the UX research independently - moderating usability tests, observing user behaviour, asking follow-up questions, and synthesising findings. I also delivered wireframes, redesigned the editing tool UI, and ran stakeholder playback sessions to present insights and recommendations.
Process
Conducted a UX audit of the platform’s current editor
Analysed user complaints and behavioural patterns
Moderated task-based usability tests with first-time and long-term users
Mapped key problem areas with annotated screenshots
Created wireframes for a clearer, more intuitive interface
Presented findings and playback sessions to stakeholders
Solution
Redesigned editor interface with improved iconography, clearer navigation, and more intuitive task flows. The design focused on clarity and confidence, helping users complete core actions without hesitation.
Features
Before | Unclear Interface and Poor Visual Hierarchy
The original editing view lacked clarity - key interactive elements were hard to find or interpret. Icons were ambiguous, the layout was cluttered, and the user had little guidance on how to complete even basic actions. This confusion surfaced consistently across user sessions.
After | Refined Editing with Clearer Controls
The redesigned UI introduces improved iconography, consistent layout, and better visual grouping of features. High-priority actions like adding media, buttons, and interactivity are now easier to discover and use, helping users complete their tasks more confidently and efficiently.
Before - Flat, Unintuitive Interaction Panel
The original panel for adding interactive elements offered little visual hierarchy or explanation. Icons lacked supporting text, placement felt arbitrary, and users often missed or misunderstood key functions, especially when looking to add videos, buttons, or widgets.
After - Improved Iconography and Grouping
The redesigned layout introduces clearer visual groupings and labels. Key actions are now split into intuitive categories (e.g. shapes, media, placeholders), with space, alignment, and icons that better guide user attention. This reduces hesitation and guesswork during testing.
Benefits
Reduced confusion around key editing functions
Clearer interface language and visual hierarchy
Improved user confidence and faster task completion
Increased visibility of high-value features (e.g. ‘Add Button’, ‘Upload’)
Aligned final solution with user expectations and internal priorities