A school website moves between big ideas and everyday questions. Tatva’s visual language carries its personality from learning philosophy to academics and admissions, using the supplied brand direction and content across approximately 69 pages.
Website visual and interaction design · Zamstars
Supplied brand guidelines, narrative and content-team copy
Select a screen to explore it at full size.
Families encounter both a school’s philosophy and practical decisions on the same website. The design connects those reading needs, using the supplied brand guidelines and content while adapting the layout to each type of page.
Children sharing a book make the global-citizenship message visible in a moment of school life. Expressive headings, photography and colour carry that approach through the more characterful pages.
Cognition, Curiosity, Compassion and Character sit within one image-tab panel. Each selection changes the image and explanation, keeping the philosophy together while allowing one value at a time to hold attention.
Academic cards repeat a stage label, photograph and detail link. They bring the choices into one view and carry the school’s visual language into the more practical task of finding programme information.
Process cards organise the steps; a contrasting calendar holds the dates. This gives actions and timing their own formats while keeping the page connected to the rest of the school website.
My contribution at Zamstars covered visual and interaction design across approximately 69 pages. Brand direction and copy were supplied. The exhibits combine design exports with labelled live excerpts, where some programme names and copy have evolved.