Institutional website2025

A website toplay, learnand go beyond.

A clear, welcoming and responsive digital experience that introduces the school to families.

colegioaguaviva.com.br↗
Real screenshot of the Colégio Água Viva homepage on desktopLive homepage · desktop
(01)THE PROJECT

Clarity for families.
Movement for the school.

The project organizes the educational approach, campus, learning stages and school life into a simple navigation. Branding appears through rhythm, color and detail — always in service of the content.

01

Architecture

Direct paths to the information that matters most to families.

02

UX / UI

Simple visual hierarchy, clear calls to action and comfortable reading.

03

Responsive

The same identity and content adapted to every screen.

(02)MINI BRAND GUIDE

An identity that guides the experience.

TypographyMontserrat
ExtraBoldSemiBoldMediumRegular

Aa   Bb   Cc   Dd   Ee   Ff   Gg   Hh   Ii   Jj
Kk   Ll   Mm   Nn   Oo   Pp   Qq   Rr   Ss   Tt
Uu   Vv   Ww   Xx   Yy   Zz

0123456789 · ?!@#$%&*

Color palette
#0B4075
#38B6FF
#9A0E27
#EEF7FB
Real screenshot of the Colégio Água Viva homepage on mobile
Live homepage · mobile
(03)ON EVERY SCREEN

The school stays close, wherever you are.

On mobile, navigation, content and calls to action were reorganized to keep the experience fast and focused without losing the brand’s personality.

  • Touch-friendly navigation
  • Content designed for easy reading
  • Consistent identity across every screen
Visit the live website ↗
(04)OUTCOME

A website that informs, welcomes and invites every family to go beyond.