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)

Juan Fernando Ramirez

Juan Fernando Ramirez

What is Tissimo

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.
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.
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.
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.
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.
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.
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.
Tissimo Saas Music Learning Landing Web Page Design for students.
Visit Live Site at: Tissimo.co
I work with founders and teams who have a vision and need someone to take it all the way through — research, UX, UI, content, and handoff.
I work with founders and teams who have a vision and need someone to take it all the way through — research, UX, UI, content, and handoff.

UI/UX Design · Creative Direction · AI Products · Web Apps · Landing Pages

Contact    ↗ Mail  ↗ Behance  ↗ Upwork   ↗ Dribbble   ↗ LinkedIn    Contact

Like this project

Posted Sep 25, 2026

UI/UX redesign for Tissimo, a music-learning SaaS platform: branding, a full web app and landing pages connecting teachers and students worldwide.

Likes

0

Views

1

Timeline

Apr 1, 2020 - Nov 1, 2021

Clients

Tissimo