An HSC maths platform with no visual direction, given a friendly, confident brand and a Webflow website built from scratch.

Jessie's notes

Sector
Education, HSC maths
Where
NSW
We made
Brand, website, motion
Platform
Webflow
Jessie's Notes' monogram on a scalloped oyster badge, between a navy asterisk and an orange burst, on crumpled cobalt paper

The brief

Jessie's Notes helps Year 12 students across NSW get ready for their HSC maths exams, with video lessons, a prep course of 450+ exam-style questions and workshops on demand.

It had no guidelines and no visual direction, and the design work before ours had never landed. The job: a brand and a website as good as the teaching.

The awards

Two gold and two silver at the Indigo Awards 2026, for the website, the digital design, the brand and its animation, and a place on the shortlist for Freelancer of the Year.

See the winners
  • Gold Website Design, Digital Design
  • Silver Branding, Animation & Illustration
  • Shortlisted Freelancer of the Year

The website on phones

  • The home page: your all-in-one platform for HSC Maths success, with Prep course and Book a session
  • A lesson in theatre mode: Reverse chain rule, its four levels and the lessons up next
  • Pricing: the Saver plan, $99 instead of $349, and what it includes
  • Four problems it solves, each with its chalk illustration: falling behind, homework without results, maths explained in a relatable way, better marks without a fortune
  • Enter your study era, over a pile of topic pills and shapes
  • The course content: Functions, its lessons as a checklist, the first three ticked
  • A student's testimonial on stacked cards: Jack, Year 12
  • The menu, open on cobalt: Home, HSC Prep Course, Pricing, About us, Login, and Start free trial
  • How the prep course works: video lessons, exam-style questions, targeted practice and questions answered 24/7
  • Learn from our free maths videos: Integration 101, Tangents and normals, Reverse chain rule
  • These are the exact problems this course was built to solve: five worries in speech bubbles
  • FAQs, one open: just 30 to 45 minutes a day
  • The footer: Prep smarter. Not harder., with the links and socials

What we made

We set the earlier work aside and started again from the business, then made the brand, the site and the film it launched with, under one roof.

Visit their site

Strategy

Alignment sessions with Jessie found the heart of the business and wrote down its vision and mission. From them came a framework for the website: who it is for, what each page has to do, and the way from a first visit to a booked session.

We made

  • Alignment sessions
  • Vision & mission
  • Website framework

Identity

Friendly and confident: a monogram whose j wears a flower for its dot, a palette led by cobalt and navy with bright colours to play against them, Roca One for the big lines and Open Sauce for the rest, and a set of shapes drawn from maths that turn up wherever the brand needs a lift.

We made

  • Logo
  • Colour system
  • Typography
  • Brand shapes

Website

Designed from the framework and built from scratch on Webflow, its motion in GSAP: the lessons and the prep course up front, real students' words, every topic on a chip, and a footer whose pills and shapes fall into a pile. The lessons themselves live on a course platform of their own, and we redesigned that too, with a good deal of custom code, so a lesson feels like the rest of the site.

We made

  • UI design
  • Webflow website
  • Course platform redesign
  • GSAP animation

Digital

The film the brand launched with: their symbols counting along an abacus until the flower drops onto the j and the badge stamps in behind it. The same motion runs through their social media, their ads and the website itself, and the feed and the lesson slides carry the brand the rest of the way.

We made

  • Launch animation
  • Animated logo
  • Social & ads
  • Website animation
  • Lesson slides

Print

Off the screen: stickers for the laptop, a name tag for Jessie, and a bag printed with their shapes and symbols.

We made

  • Stickers
  • Name tags
  • Merchandise

What changed

What the work did, in numbers and in Jessie's own words.

service sign-ups within two weeks of launch
3
performance score on Google PageSpeed Insights
92%
minutes watched a session on average, in theatre mode
8.5

After spending thousands on freelancers through Upwork and Fiverr with little to show for it, finding three55 studio finally ended my search. With almost no experience in web design, I was guided every step of the way as they built my dream website from scratch. They were professional, organised, and had an incredible eye for detail, going above and beyond throughout.

Jessie Luong, Founder, Jessie's Notes

Next case study

Studio optics