Fish health science for tilapia, explained in two languages

Key deliverables

Deliverables

• Bilingual architecture – 16 pages, 8 per language, with translated URLs, reciprocal hreflang and a switch that keeps the page when changing language.
• A page per service – A general services page leading to a dedicated page for technical assistance and another for laboratory diagnostics, each with a summary and an index.
• A dedicated page for Aquaprisma – It explains blind benchmarking with a sample chart that places your farm against the group median, without exposing any producer.
• Video in every header – Montages of ponds, fish and laboratory with a light version for phones, a fallback image and a pause control.
• Contact in two taps – A fixed bar with WhatsApp on the phone and a form with validation in two languages and spam protection.
• Social cards – 14 share images, one per page and language, with the headline and a frame from that page’s video.
• Technical SEO – Structured data, breadcrumbs, sitemap with languages, translated metadata and an llms.txt file for AI search engines.

Results and impact

Impact

• Desktop performance – 100 on PageSpeed Insights, with the main content visible in 0.6 s.
• Mobile performance – 91 on PageSpeed Insights, even with background video in the header.
• Accessibility, best practices and SEO – 100 in all three categories, on mobile and on desktop.
• No jumps or blocking – Cumulative layout shift of 0 and 0 ms of total blocking time on both versions.
• Fast from far away too – On GTmetrix, from Seattle, 91 % performance and main content visible in 1.1 s.
• Two markets, one site – Producers from Brazil and Spanish-speaking countries each land on their language, with the same information.

PageSpeed Insights on avhagroup.com and GTmetrix from Seattle, November 10, 2026. These are lab measurements and vary slightly between runs.

The technical side

Implementation

The site is built in Astro with TypeScript and published as static files. There is no database or panel to update or protect. A central route registry defines the URL of every page in every language, and from there the language switch, the hreflang tags, the sitemap and the canonical URLs are derived. Copy lives in files per language, separate from the components, so translating or correcting does not touch the design. Fonts ship with the site, images are optimized at build time into AVIF and WebP, and section videos download only when they are about to enter the screen.

Design and conversion

Design

The design carries the AVHA brochure onto the screen, with navy blue sections alternating with white, yellow reserved for the highlighted bar and the main button, and green for short titles and signals. Every page opens with a real video montage under a dark veil, with the text always on the left half so it stays readable. For those in a hurry, every page starts with a summary and a numbered index. For those who have already decided, "Let’s talk" and WhatsApp are one tap away at all times. Animations are few and measured, such as the header entrance, reveals on scroll and industry figures that count once, all disabled if the visitor asks for reduced motion.

Growth

Capabilities

Adding a new page means registering its route and writing its content in both languages. Links, sitemap and social cards are generated from there, and a third language follows the same path. If AVHA wants to publish news, field cases or industry reports, the site already supports them without redoing the design, and every new page starts with its technical SEO solved.