Cedros International School

The need

The challenge: earn trust

Nobody chooses a school for a pretty photo. A family needs to believe in it before visiting, and that decision starts on the website. The page had to convey the school's identity —its values, its three languages, its community— and back it up with proof: figures, parents' opinions, partnerships and the family of schools it belongs to.

The solution

The idea: let the journey speak before the content does

Instead of opening with a block of text, the page opens with the campus: the video grows until it fills the screen while the title splits in two. And it closes with the school's crest drawing itself as you scroll, until the cedars grow out of its lines.

Between those two scenes, each section answers a visitor's question: who they are, what other families think, who endorses them, which languages are taught and what their mission is.

The scope

What was built

Ten pieces on a single page, written by hand: no template, no visual builder and no plugins.

• Opening: the campus video expands with the scroll, the title splits into two halves and a typewriter cycles through three words.
• Closing — the crest in bloom: 192 images on a canvas, tied to the scroll, with the line that appears word by word.
• School figures: four counters that climb from zero as they come into view.
• Testimonials: real, unedited reviews from parents in a phone mock-up, with Google Maps and Facebook badges.
• Pillars: a card carousel with pill buttons.
• Family of schools: an orbital system with the sister schools around the logo and particles in the school's colour.
• Partnerships: a logo marquee that stops when you hover so it can be read.
• Languages, mission and certifications, each block with its own entrance.
• Call to action: a card with a light that follows the cursor and an interactive 3D scene.

On a phone

What you don't see

• Separate images for phones: the crest sequence weighs 816 KB instead of 4 MB, without losing the animation.
• Progressive loading: the scene shows with the first frames ready and the rest arrives in the background.
• Layout by orientation: portrait, landscape and desktop change framing, size and text position.
• iOS and Android tuned separately: the browser bar that comes and goes and momentum scrolling were adjusted on each.
• Reduced motion: anyone who has it turned on in their system sees the page without animation.

Results

What's still to tell

This version is not live on the school's domain yet, so there is no usage data to show. Once the site is running and there are figures that can be verified, they will be added here along with the school's own view. Until then, what can be checked is the work itself: the review version can be travelled in full, on a phone or on a computer.