Thrive Learning needed a complete visual overhaul of their website to align with their innovative, AI-driven approach to modern learning. I spearheaded the redesign, collaborating with Webflow engineers at Webkings to deliver a site that feels futuristic, engaging, and user-centric. Leveraging Figma and Webflow, I crafted an entirely new design system, built cutting-edge functionalities, and transformed their outdated site into a dynamic and visually striking platform.
Product
UX/UI Design, Interaction
Skills
UX, UI, Interaction Design
Role
Product Design Lead
Timeline
2023 - 2024
Team
Mark Tomlin - Account Manager
Anthony Bradburn - Project Manager
Luke Allen - Senior UX Designer
Cassie Gasson - Co-CEO
Tom Trafford - Head of Marketing
01
The Problem
Thrive Learning’s old website suffered from a dated design, low user engagement, and a lack of alignment with their innovative brand identity. The site failed to effectively communicate their AI-driven solutions, with clunky information architecture (IA) that made it difficult for users to find relevant content.
02
Redesign the website to reflect Thrive Learning’s position as an innovative, AI-driven leader in the L&D space.
Simplify and optimise the information architecture to improve content discoverability.
Build a modern design system for scalability across web and future digital touchpoints.
Incorporate advanced Webflow functionalities to enhance the user experience.
03
Discovery and Research
Conducted a full audit of the existing website to identify pain points in navigation, user engagement, and design aesthetics.
Benchmarked against competitors and AI-focused tech brands to incorporate industry-leading design patterns.
Collaborative Design and Development
Partnered with Webflow engineers at Webkings to seamlessly integrate design assets and advanced functionalities.
Designed and prototyped the entire website in Figma, iterating based on feedback from stakeholders.
Information Architecture Overhaul
Reimagined the site structure to simplify navigation and highlight key features like AI-powered tools, content discovery, and analytics capabilities.
Design System Creation
Built a scalable design system to ensure consistency across pages and future-proof Thrive Learning’s digital presence.
Included reusable components like dynamic buttons, AI-inspired visuals, and interactive elements.
Advanced Functionalities
Designed a dynamic search interface powered by AI-feeling interactions to reflect Thrive’s tech focus.
Introduced micro-interactions, scroll-triggered animations, and hover states to enhance engagement.
Built responsive designs for seamless usability across desktop, mobile, and tablet devices.
04
Visual Redesign
Delivered a modern, AI-inspired aesthetic with bold typography, dynamic gradients, and futuristic visuals.
Utilised interactive elements and animations to create an engaging browsing experience.
Streamlined IA
Reorganised the site’s structure into clear, intuitive categories such as “AI Learning Tools,” “Analytics,” and “Community.”
Reduced the number of clicks required to access key information by 35%.
Technical Innovations
Integrated a Webflow-powered CMS to dynamically update content across multiple pages.
Built interactive landing pages showcasing Thrive’s AI tools, including real-time visualisations and animations.
Developed a custom carousel for customer stories that adapts to user behaviour.
Design System
Created a flexible, scalable system with over 50 reusable components to streamline future updates and new feature rollouts.
Component samples below.
05
54% increase in user engagement, measured by time spent on the site.
35% improvement in content discoverability, reducing bounce rates on key pages.
Boosted lead generation by 25%, driven by improved navigation and compelling landing pages.
Streamlined development processes for Webkings by providing a robust design system, reducing implementation time by 30%.
06
What Worked Well
The collaborative process with Webkings ensured technical feasibility and seamless execution of advanced design concepts.
The new design system provided long-term scalability for Thrive Learning’s evolving needs.
What Could Be Improved
Expanding accessibility features, such as voice search and text-to-speech tools, could align further with Thrive’s inclusive learning ethos.
Adding more interactive AI demonstrations could deepen user understanding of their tools.
