Music Learning SaaS Branding, Web App & Landing Page (UI/UX) by Juan Fernando RamirezMusic Learning SaaS Branding, Web App & Landing Page (UI/UX) by Juan Fernando Ramirez
Music Learning SaaS Branding, Web App & Landing Page (UI/UX)
Tissimo is an online music-learning SaaS that connects teachers and students around the world through live video lessons, structured courses, a sheet music library and practice tools.
The Challenge
My goal was to help the founders create and design an online music learning space from the ground up. This platform would serve as a bridge for connecting teachers and students around the world, empowering them with innovative tools and delivering a unique, fun and stunning educational experience.
Redesign
The client initially reached me already having a pre-existing product design that didn't quite hit the mark. A complete redesign and restructure of the user flow w
as necessary to deliver the ultimate music-learning experience with a stunning user interface.
Tissimo web app dashboard: connecting musicians with students worldwide through lessons, practice stats and scheduling in one music-learning platform.
Branding
A logo, color system and 160+ custom illustrations built from three ideas: play, music and superlative teaching.
Tissimo logo design process: hand-drawn sketches and iterations behind the final wordmark and icon.
Tissimo logo design process and brand meaning: the "SS" represents play, music and superlative teaching, built into a full identity with stationery, merch and 160+ custom illustrations.
Web App
A redesigned student and teacher hole experience and flow: lessons, scheduling, sheet music library and practice tools in one platform.
Tissimo web app dashboard: connecting musicians with students worldwide through lessons, practice stats and scheduling in one music-learning platform.
Before and after: Tissimo's original product design compared to the full UI/UX redesign, from a generic layout to a stunning music-learning experience.
Tissimo UI details: teacher profiles, live video lessons, sheet library, metronome, teacher earnings dashboard and a custom 404 page for a music-learning SaaS.
Sitemap and wireframes, an important part to understand user persona preferences, map user journeys and understand crucial needs.
Responsive UI for Tissimo: course search, teacher scheduling and sheet library, redesigned for usability across mobile and tablet.
Landing Page
Three landing pages designed for three audiences: students, teachers and music sheet publishers.
Tissimo Saas Music Learning Landing Page for students.
Three Tissimo landing pages, each built for a different audience: students booking lessons, teachers joining the platform, and music sheet publishers.
Tissimo Saas Music Learning Landing Web Page Design for students.