Redesign of a online course platform

François Savard

Web Designer
UX Designer
UI Designer
Figma
Hotjar
Distansinstitutet is a leading Swedish-based online education platform offering a wide range of courses and programs to learners in Sweden. With a strong emphasis on providing quality education accessible from anywhere, the client's website serves as the primary sales channel, generating revenue through course enrolments and product sales.

Goals

Redesign the existing WordPress website to enhance user experience and drive higher conversion rates.
Implement a focused conversion rate optimization (CRO) strategy to maximize sales and revenue generation.
Improve the e-commerce functionality to streamline the user journey from product discovery to purchase.
Conduct continuous A/B testing post-launch to refine and optimize conversion performance.
Execute a quick rebranding and incorporate new graphical elements to modernize the website's visual identity.
Old website homepage
Old website homepage
Product page, where online courses were listed
Product page, where online courses were listed
Product landing page
Product landing page

Approach

Comprehensive Website Redesign

Conducted a thorough analysis of the existing website to identify pain points and areas for improvement. I did an audit of the current website after using Hotjar to see how people were interacting with the UI, where people clicked, how long they stayed on pages etc...
Collaborated with the client to establish clear design objectives and brand guidelines for the redesign of the site. The client wanted to freshen up the brand identity without confusing people too much.
Implemented a fresh, modern design layout that prioritizes usability and intuitive navigation, especially between the "storefront" part of the site and the e-commerce side.
Utilized responsive design principles to ensure seamless accessibility across all devices and screen sizes. The website had to answer all the good practices and be of the highest quality possible.
New landing page
New landing page

Conversion Rate Optimisation (CRO) focus

Conducted in-depth research to understand user behavior and preferences, informing strategic CRO initiatives.
Big focus on CTAs, making the UX as clear as possible and optimise the user flow to reduce bounce rate or user quitting the page without purchasing.
Implemented optimized landing pages and product pages to streamline the sales funnel and reduce friction points.
Integrated analytics tools to track user interactions and identify optimization opportunities continuously.
New search result page for courses
New search result page for courses

Continuous A/B testing

Established a framework for ongoing A/B testing to systematically evaluate design variations and conversion strategies. Every design iteration was pushed, tested, and iterated until we found the best version. This was done once the website was delivered, as a follow-up delivery.
New graphical elements
New graphical elements

Quick rebranding and visual enhancement

Collaborated closely with the client to execute a swift rebranding process while maintaining continuity with the existing brand identity.
Introduced new graphical elements and visual enhancements to refresh the website's aesthetic appeal.
Ensured consistency in branding across all website assets, including logos, color schemes, and typography.
Conducted user testing to validate the effectiveness of the rebranding efforts and gather feedback for further refinement. Adjustments on buttons colours to see which converts the best.
Visuals and brand message coming together
Visuals and brand message coming together

Results

Significant improvement in conversion rates, leading to increased sales and revenue for Distansinstitutet.
Enhanced user experience and satisfaction, resulting in higher retention rates and repeat business. Users were coming back, stayed longer on the website and read more.
Streamlined e-commerce functionality contributed to a smoother user journey and reduced bounce rates. Prices were displayed more clearly and gave the user all the information he needed
Continuous A/B testing led to iterative improvements and ongoing optimization of conversion performance. Up to 6 months after the initial delivery, we were still tweaking things around!
Successful execution of quick rebranding efforts resulted in a modernized visual identity that resonated with the target audience. It helped for new campaign with Paid Media to strengthen the online presence of the brand.
This was quite a ride! I'm glad I had the chance to work on this project that pushed my boundaries on the attention to detail, the ever-going optimisations and search for improvements in the conversion rate. I was proud to deliver this website to the client and we loved collaborating together. A big thanks to them for letting me redesign their site!
Partner With François
View Services

More Projects by François