Case study · 2026
Spaço In
A full-service agency for schools. The website organizes its areas of work and leads each visitor to the right team within the institution, all the way to the contact.
- Client
- Spaço In
- Industry
- Marketing for schools and education
- Deliverable
- Corporate website
- Year
- 2026
- Live
- Livespacoin.com.br
01 · The website
Scrolling from top to bottom
Screen recording of the published website. To browse it, open the live site.
02 · The challenge
An agency with several areas (education marketing, education HR and training) needed to speak to different audiences inside the same school without turning into a confusing catalog.
03 · The answer
Each area got its own block with its own color and photo, on a page that scrolls like a presentation, with client proof right after and the contact always at hand.
- Corporate website
- One block per area of work
- On-page SEO
- Structured data
04 · How it was made
Seven stages, one team
Each stage has an owner and a sign-off before the next one. AI is a tool in the process, never the author.
- 01Strategy and content
Discovery
Conversations with the team about each area and about who makes decisions inside a school.
- 02UX and architecture
Strategy and content
One area per block, each with its own promise and its own call to action.
- 03Art direction
Architecture and wireframes
A long page in color blocks, with client proof between the areas and the contact at the end.
- 04Motion and interaction
Art direction
Deep purple, orange and photos of people in action. Montserrat across the whole page.
- 05Development
Development
WordPress website, with the same visual language on every page.
- 06SEO, AEO and data
SEO, AEO and performance
Metadata, alt text and organization structured data.
- 07Quality and performance
Testing and delivery
Review on desktop and mobile before publishing.
05 · From wireframe to layout
Structure before style
The whole page, top to bottom. Drag the divider: on one side the structure (blocks, headings, images and buttons), on the other the final layout. Scroll inside the frame.
06 · Art direction
Colors and type
- Plum#49233c
- Night#070815
- Orange#dc6437
- Sand#eadbbd
- MontserratHeadings and text
07 · Who thought through each part
Seven disciplines, one website
- 01
Strategy and content
Who arrives, what they need to understand and in what order. The story is defined before any screen.
- 02
UX and architecture
Page map, wireframes and the path to the contact, tested on mobile first.
- 03
Art direction
Palette, typography, photography and the signature element that makes the site recognizable.
- 04
Motion and interaction
What moves, why and how fast. Everything respects visitors who ask for reduced motion.
- 05
Development
Hand-written code, no page builder: light HTML, inlined critical CSS and a custom admin panel when the client needs one.
- 06
SEO, AEO and data
Structure for Google and AI assistants: schema, answer-ready FAQ, metadata and privacy consent.
- 07
Quality and performance
PageSpeed, accessibility, security and testing on desktop and mobile before delivery.
Want a website like this?
Tell us about your project. Bertoni replies the same day, on WhatsApp or by email.