Case Study — 2026

Tutory: website

With the new brand approved, the institutional website left WordPress for an Astro monorepo: 14 pages, live in 63 days, Lighthouse 100 and ready to be read and cited by AIs. Design and code by one person.

Client
Tutory · EdTech, Brasília
Period
Apr — Oct 2026
Role
Design engineer, solo
Fronts
Website · Migration · SEO/GEO · Content
Shipped
Live since Jun 18, 2026
Three screens of the new Tutory website, home, Hub and Mentoria, side by side on electric blue

After the rebranding, what was missing was the place where the brand shows up most: the website. The 2025 site ran on WordPress with Elementor and talked about features. The sales team told another story on calls, that of an ecosystem with three products, thousands of mentors, a podcast and its own event.

My job was to build that site from scratch in Astro, migrate everything from WordPress without losing a URL, treat performance and accessibility as features and prepare every page to be read by people and by AIs. Design and code came from the same hands, with the client deciding at every step.

What I did

Information architectureDesign of the 14 pagesAstro + React websiteWordPress migrationPerformance and accessibilityTechnical SEO and GEOAnalytics and consentContent workflow
63 daysfrom first commit to the site going live
14pages, migrated from WordPress with 301s
247commits on the site in six months
100Lighthouse accessibility (from 84)
−82%image weight (159 → 28 MB)
2 → 20sessions from AI assistants in 30 days

01 — The gap

Whoever arrived saw a tool.

The 2025 site opened with a comparison table, an orange "see the plans" button and the promise of being "the best platform on the market for coaches". It ran on WordPress with Elementor, over PHP 7.4, and carried a 404 menu item, a draft page exposed in the navigation, hard-coded UTMs and spam injected on the server.

Before designing, I mapped the old site page by page and transcribed real sales calls. The contrast became the third slide of the brand deck: the problem was never the product. Tutory had grown beyond what the brand could convey.

Screenshot of the old Tutory website in black and white next to the new home page in color
The 2025 site (WordPress) and the 2026 home (Astro). Same company, same name.

02 — The website

A website worthy of the ecosystem

With the brand approved, the site started on April 16 and went live on June 18: 63 days, 14 pages, an Astro monorepo with React islands only where things move. The home tells the ecosystem story in sequence: a hero with a 3D ring of cards over the couple’s photo, a sentence that reveals word by word as you scroll, the numbers, the growth chart and three product blocks that switch like curtains.

Underneath, the invisible work: a 301 for every WordPress URL, Consent Mode v2 with everything denied by default (LGPD), tag manager only on the production domain, CTAs wired to the Typebot that feeds the CRM and a scheduling modal with ten triggers. No forms of its own: the sales team already lived on WhatsApp and the CRM, and the site respects that.

01 — Hometutory.com.br
Tutory home: headline The ecosystem that empowers Brazil’s top mentors and educational creators, with 3D cards over a couple’s photo
The ring of cards spins in 3D over the photo. On phones, it becomes a horizontal marquee.
02 — Tutory Mentoriaparallax block
Tutory Mentoria block: your mentoring under control, with schedule cards over a photo of two students
03 — Tutory Hubvideo · parallax block
The conveyor of product cards drifts in three columns at different rhythms; here as a 30 s loop.
04 — The chosen platformlogo orbit
Section The platform chosen by Brazil’s biggest, with client logos orbiting the symbol
05 — A product for every stage#precos
Section A product for every stage of your business, with the Mentoria, Hub and Academy cards
06 — Mentoria plaquesvideo · /produtos/mentoria
The Silver, Gold, Diamond, Ruby and Emerald plaques scroll in a marquee; a click opens the achievement sheet.
07 — Maia, the Hub’s AI/produtos/hub
Section Maia, the intelligence that amplifies what you teach, with an animated AI chat

Mobile

Tutory home on a phone
Tutory Hub page on a phone
Tutory Mentoria block on a phone

Home, Hub and Mentoria on a phone: same animations, transform and opacity only, no jank.

03 — Performance, SEO and GEO

Fast for people, readable for machines

Performance was treated as a feature: images from 159 MB to 28 MB, 50 photos converted to WebP, the noise texture from 2.2 MB to 60 KB, width and height on every image to kill layout shift, and 55 of the home’s 57 islands no longer hydrating on load. Accessibility went from 84 to 100 on Lighthouse, with 100 on SEO and best practices too.

And since more and more people ask an AI which platform to use, the site was prepared to be read and cited by assistants: robots.txt allowing GPTBot, ClaudeBot, PerplexityBot and Google-Extended, llms.txt and llms-full.txt generated at runtime, a .md version of every guide, IndexNow for Bing and structured data on every page. In 30 days, OAI-SearchBot came by 938 times and ClaudeBot 864. The "AI assistants" channel went from 2 to 20 sessions and the key-event rate per session rose from 0.68% to 1.22%.

Three cards with excerpts of the site’s robots.txt, JSON-LD and llms.txt on a blue background
robots.txt, JSON-LD and llms.txt from the production site, plus the Lighthouse scores.

04 — Content

Publishing without depending on anyone

The blog, the cases and the guides needed a workflow the marketing team could run alone. I tried three. A Sveltia CMS fork translated to pt-BR lasted a week. A custom CMS on Astro SSR with Postgres, an editor, a media library and automatic deploys lasted two months. The third was the simplest: content as markdown in the repository, published through pull requests.

The simplest one won because it was the one the team actually used. Once the real pace turned out to be one article a week, written with AI help and reviewed in a PR, the CMS layer became cost without return: database, uploads, login, quotas. I switched it off in September. Today there are 19 articles, 6 cases and 4 guides, each guide with a markdown version made for AIs.

01 — Publications/blog
Publications page with the featured article Is your Instagram shop open or closed?
02 — Guides/guias · also as .md
Guides page with two featured guides on mentoring for public exams and study schedules

05 — Outcome

The same company, finally recognizable

In 63 days, Tutory went from a WordPress site that talked about features to 14 pages that tell the ecosystem story the way the sales team always told it, with the new brand in every detail.

The site keeps evolving in production, 247 commits through October, with new articles, a teacher area and hero adjustments, without ever going offline.

Results

What changed for the business

  • +New site live in 63 days, 14 pages, migrated from WordPress with 301s
  • +Lighthouse 100 on accessibility, SEO and best practices (accessibility was 84)
  • +Images 82% lighter and 55 of 57 islands not hydrating on load
  • +Ready for AIs: robots, llms.txt, structured data and IndexNow
  • +"AI assistants" channel from 2 to 20 sessions; key events per session from 0.68% to 1.22%
  • +Content published by the team through pull requests, with no CMS to maintain

Stack

Astro 6ReactTypeScriptTailwind CSS 4Motion · LenisVercelGTM · Consent Mode v2Typebotschema.org · llms.txt

Does your website still talk about features?

I build the website that tells the story the way your team tells it: design, code, migration and SEO.