Education / Website + Digital Systems
A clearer digital journey for families, students, and a growing music-school community.
Project overview
Pera needed more than a polished homepage. Atlas shaped the public website, program discovery, forms, and student access into a calmer system that helps each audience understand what to do next.
Project details
01 / Program discovery
Clear program cards help families compare instruments and learning paths without moving through a dense list of offerings. The hierarchy keeps age, format, and next steps close to the decision.
02 / Interactive browsing
Hover and tap states reveal supporting program information without crowding the first view. The interaction keeps exploration visual while preserving a direct route into registration.
03 / Expandable FAQ
The accordion keeps a long set of practical questions calm and scannable. Families can open only what they need while the page remains visually light.
04 / Purpose-built forms
Registration and instructor inquiries use dedicated forms instead of one generic contact box. Each flow asks for the information the school actually needs and keeps the experience clear for the person completing it.
05 / Connected access
The student and parent portal extends the same calm visual language into an operational touchpoint, making schedules, communication, billing information, and account access easier to find.
Responsive system
Navigation, content hierarchy, and calls to action are intentionally reorganized for mobile rather than simply reduced in size.
Next step