Responsive Educational Website & Conversion Landing Page

PROJECT OVERVIEW

Espanhol com Giu is a branded educational website created for an independent Spanish teacher. The goal was to turn a personal teaching brand into a clear digital experience that presents her method, class formats, digital products, student feedback, and contact paths in one responsive page.

THE CHALLENGE

The website needed to feel warm, personal, and professional while guiding different visitors: beginners, travelers, professionals, and students looking for self-paced materials. It also had to connect the visual identity to practical conversion paths without making the page feel overly commercial.

BRAND & VISUAL SYSTEM

I translated the brand identity into a cohesive web system using the project logo, colors, custom typography, decorative elements, and teacher imagery. Consistent spacing, rounded forms, contrast, and friendly microcopy make the experience recognizably Espanhol com Giu from the first screen to the final call to action.

INFORMATION ARCHITECTURE

The page is organized around the visitor's questions: who Giu is, which class fits each objective, which materials are available, how her method works, what students say, and how to take the next step. Anchor navigation keeps the experience fast and understandable on a single page.

CONVERSION FLOW

The website integrates three Hotmart products, a Google Forms level test, a waiting list, WhatsApp contact, Instagram, and TikTok. Primary and secondary calls to action are placed according to visitor intent.

RESPONSIVE & ACCESSIBLE DEVELOPMENT

I built the interface with semantic HTML, custom CSS, and JavaScript. The layout adapts across desktop and mobile, with readable content, touch-friendly controls, accessible labels, skip navigation, keyboard-friendly testimonial controls, lazy-loaded feedback images, and reduced-motion considerations.

INTERACTIVE EXPERIENCE

JavaScript supports menu behavior, scroll-based reveals, and the student feedback carousel. The original content package includes 16 real feedback images, handled with lazy loading and clear navigation controls.

DEPLOYMENT

The static site was packaged and deployed with Cloudflare Workers static assets. The live version is lightweight, cacheable, and maintainable without a server-side framework.

OUTCOME

The final website gives the teaching business a professional home that connects brand, classes, products, social proof, and lead capture. It demonstrates my ability to combine branding, frontend development, responsive UX, third-party integrations, and deployment in a real education project.

LIVE WEBSITE