Language education / Website

Happy Portuguese

A teacher-led learning experience, brought together through clear programs, free resources, and an inviting first step.

Happy Portuguese

Different learners arrive with different goals. The website needs to make the teaching personal and help each visitor find a suitable starting point.

Introduce the teacher early, organize the programs around learners, and use free resources and student stories to support the invitation to try a class.

Happy Portuguese — The welcome & free resources
The welcome & free resources

Offer a useful first step

The free resource gives visitors a way to begin before choosing a program. Its illustrated cover carries the warmth of the brand into something tangible, keeping the introduction friendly and practical.

Happy Portuguese — Programs & teaching approach
Programs & teaching approach

Help different learners find their place

Program cards separate the learning paths, while the teaching section explains what they share. Visitors can first recognize their own goal, then understand the approach behind the lessons.

Happy Portuguese — Student stories & getting started
Student stories & getting started

Put reassurance next to the next step

Student stories sit near a simple explanation of getting started. The sequence pairs a human perspective with practical guidance, so the invitation to book a class has context.

Happy Portuguese — Meet the teacher & common questions
Meet the teacher & common questions

Keep the teacher at the center

The teacher’s story brings the page back to the person learners will meet. Common questions and the contact area follow, making space for the concerns that can remain after someone explores the programs.

Happy Portuguese — Contact & footer
Contact & footer

Leave a clear way to stay in touch

The closing navigation gathers the practical links in one place. It gives readers who reach the end a familiar way to continue exploring or get in touch.

The finished experience

A connected experience for exploring lessons, understanding the approach, and finding the next step toward a first conversation.

Tools used in this project

React
Website interface
JavaScript
Application logic
Vite
Build tooling
Tailwind CSS
Utility styling
Lucide
Interface icons
Stripe
Payments & checkout
Cal.com
Lesson scheduling
MailerLite
Email capture & segmentation
Vercel
Hosting & functions
ESLint
Code quality
Tools I Use for Work