Back to Projects

UX Case Study
UX Case Study

Learnyst Website

Learnyst Website

Designing Learnyst website from scratch
Designing Learnyst website from scratch

Context

Context

Okay so Picture This:

Okay So Picture This:

i'm a tutor/content creator. I want to sell courses, manage everything from a single place, create a professional website, and market courses.

🧑🏼‍💻

While researching, I came across a few platforms, including Learnyst. On paper, Learnyst had everything I needed.
While researching, I came across a few platforms, including Learnyst. On paper, Learnyst had everything I needed.

🙍🏼

The website felt... outdated. It didn’t inspire confidence or match the high standards I was expecting from such a robust platform. I decided to put Learnyst on my "maybe later" list.

😀

After trying their platform, I realized it was amazing—only the website didn’t do justice to it. Later, a tutor friend told me they skipped Learnyst for the same reason.

Problem

Problem

Why Are We Doing This?

Why Are We Doing This?

The Learnyst website felt outdated, which didn’t reflect the platform’s true potential. A redesign was essential to build trust, attract more tutors, and ensure the website matched the quality of the product.
The Learnyst website felt outdated, which didn’t reflect the platform’s true potential. A redesign was essential to build trust, attract more tutors, and ensure the website matched the quality of the product.

Old Website

Old Website

Images of Old Website

Images of Old Website

The previous Learnyst website had an outdated design that didn’t reflect the modern, robust platform behind it. The visuals lacked consistency, and the overall layout felt cluttered and uninspiring, failing to convey trust or engage users effectively.

The previous Learnyst website had an outdated design that didn’t reflect the modern, robust platform behind it. The visuals lacked consistency, and the overall layout felt cluttered and uninspiring, failing to convey trust or engage users effectively.

Research and insights

Research and insights

Competitor Analysis

Competitor Analysis

Our stakeholder had prior experience working on automation features, making it easier for us to clarify our doubts and establish a clear direction. I prepared a list of questions to guide our discussion, and you can find both the questions and the valuable insights I gained from the interview below.

Our stakeholder had prior experience working on automation features, making it easier for us to clarify our doubts and establish a clear direction. I prepared a list of questions to guide our discussion, and you can find both the questions and the valuable insights I gained from the interview below.

Bird eye view

Information Architecture

Information Architecture

To ensure a seamless user experience, I restructured the website’s information architecture. The goal was to create a logical and intuitive navigation flow, making it easier for users to find key information and explore Learnyst’s features effortlessly.

A solid foundation

A solid foundation

Building Design System in Framer

Building Design System in Framer

Since we were building the website from scratch in Framer, I had to create the design system within the platform. I made a few minor updates, such as switching the font to Inter for improved readability and adding six new colors to Learnyst’s color palette. For iconography, I chose Phosphor icons. Apart from these changes, we retained most elements from the existing design system.

Finally

Finally

Website Release

Website Release

After designing all the sections and pages, we were finally ready to launch Version 1 of the Learnyst website! 🚀 This version focused on improving navigation, structuring key sections, and ensuring a smooth user experience.

For Version 2, we plan to enhance the website further by refining images, adding more videos, and updating minor sections to make it even more engaging.

Check out the final website below, or visit www.Learnyst.com to see it live! 👀

Conclusion

Conclusion

Sweet Ending

Sweet Ending

After launching the new website, we saw a significant increase in traffic, sales, SEO rankings, and site performance. Everything improved compared to the old website, and the ROI on this project was much higher than expected. While I can't share exact numbers, the results spoke for themselves.

On a personal note, this project was a huge learning experience for me. It was my first project as a lead, where I handled everything from start to finish. It pushed me to think strategically, manage multiple aspects of design, and create something impactful.

Excited for more challenges ahead—thanks for reading! See you in the next case study. 🚀

Home

Projects

Library

Resume

Home

Projects

Library

Resume