Cordas & Cordas

Cordas & Cordas is an institutional website for a music school with 40 years of history (founded 1986) in Porto Alegre, Brazil. The platform connects aspiring musicians with professional music education, providing a complete solution for course discovery, event scheduling, and student enrollment through personalized interviews.

For Prospective Students

Students can browse music courses, workshops, and musical projects, search for upcoming concerts and presentations, and
view photo galleries from past events. The site features a streamlined interview booking system where interested students can schedule personalized consultations for their chosen courses. A built-in chat widget captures leads and guides potential students through the enrollment process with automated email workflows for contact information collection and interview scheduling.

For School Administration

Content managers have access to the Statamic Control Panel where they can create and manage courses, update the calendar, publish musical projects, and curate photo galleries. The platform features a "featured content" system (destaques) with a maximum of 3 highlights displayed on the homepage at any time. Each course, project, or event can be marked as featured to appear prominently on the home page, driving enrollment for priority offerings.

Architecture Highlights

The platform features a headless CMS architecture powered by Statamic v5 with flat-file content storage, automated image optimization with WebP conversion on upload, and a custom featured content validation system. The responsive design is built entirely with Tailwind CSS v4 utility classes, featuring granular breakpoint controls for hero slider SVG overlays (mobile, XS, tablet, and desktop). All user-facing content is in Portuguese (pt-BR), with SEO optimization including sitemaps, robots.txt, and custom meta tags. The site includes a custom Artisan command for batch image optimization of existing assets with quality and size controls.