Muzigal is an up-and-coming startup in the edtech space that helps people learn music online. During their initial stages, they developed an MVP to test the market for this kind of a service and received a positive response. Six months post the MVP launch, their monthly revenues exceeded their expectations as well as raised investments from VCs.
The requirement was clear. They needed to redesign their teacher landing page to improve conversions and convey their value proposition easily. Also it needed to be a mobile-first website since 90% of their leads originated from mobile web browsers. We had a timeline of 1 week to structure the website, generate content and complete the visual designs.
I collaborated with my team - Mahesh Sridhar (Designer) and Nikhil Ranka (PM) - to build the new information architecture, write content and improve the visual design.
.webp)
Structure of the entire website needs to improve
Content needs to be targeted towards the needs of the teacher
A visual overhaul based on the new branding is needed
Screenshots of the hero section of competitor websites like Italki, Udemy, PiggyRide, Preply
Screenshots of the second section of competitor websites like Italki, Udemy, PiggyRide, Preply
Screenshots of the bottom section of competitor websites like Italki, Udemy, PiggyRide, Preply
Post the competitor analysis, we were able to make a more objective decision on the structure of the new landing page and get buy-ins from various stakeholders on the new structure.
The hero section was super important to convert prospective users as full time teachers on Muzigal. Hence, we proposed to different approaches for the header section.
Iteration 1: Bring out the form fields upfront for the user.
Iteration 2: Hide the form fields until the user clicks the prominent CTA.
It was decided by the business to go with the CTA only hero section for the launch and once the dev team is ready with the infrastructure needed for A/B Testing, the form first approach would also be tried out.
.png)
