A. Cerqua
#04

Personal Trainer Landing

Role Solo designer and developer Period 2026 Sector Personal training and kinesiology

Brief

A digital presence for a personal trainer and kinesiologist in the Susa valley. Visitors arrive primarily via Instagram on mobile. The goal was to establish professional credibility around posture and recovery, avoid generic fitness clichés, and drive qualified inquiries to the contact form within sixty seconds of landing.

Constraints

  • Mobile-first traffic arriving from in-app social browsers with limited attention spans.
  • Bilingual requirement (Italian default, English for international residents) without shipping duplicate code or heavy runtime bundles.
  • Zero ongoing hosting cost on Cloudflare serverless edge.
  • Strict accessibility compliance (WCAG 2.2 AA) suitable for users with mobility or visual sensitivity issues.
  • Direct lead notifications on mobile without depending on custom domain email infrastructure.

Architecture

VISITORINSTAGRAM / WEBCLOUDFLARE EDGEOPEN-NEXT WORKERSSR + ASSETSLOCALIZATIONNEXT-INTL IT / ENLOCAL SEOJSON-LD BUSSOLENOINSTANT LEAD DISPATCHTELEGRAM BOT APIDIRECT MOBILE PUSH
Fig. 1 / Edge delivery and instant Telegram lead dispatch, in red

How it works

  • The site runs on Next.js App Router deployed to Cloudflare Workers via Open-Next, keeping compute at the edge and serving static assets directly from Cloudflare storage.
  • Internationalization is handled server-side with next-intl, rendering clean localized HTML for Italian and English with localized JSON-LD local business structured data.
  • The design system uses a dark editorial direction with deep ink, warm paper surfaces, saturated purple accents and rare gold hairlines, eliminating decorative animations in favor of immediate readability.
  • Form submissions dispatch directly from the edge worker to a dedicated Telegram bot, giving the trainer immediate push alerts on mobile so inquiries can be answered in minutes.
  • All text and interactive elements satisfy WCAG AA contrast thresholds, with reduced-motion defaults for all transitions.

My part

  • End-to-end design and art direction: visual identity, typography system, responsive layouts, and copy structure.
  • Full-stack edge implementation: Open-Next configuration, Cloudflare Workers deployment, next-intl localization, and the contact handler pipeline.
  • Structured data and local search optimization for regional discoverability.

Outcome

A fast, accessible presence running entirely on edge infrastructure with zero recurring server costs. Inquiries are pushed instantly to Telegram, enabling direct follow-ups within minutes of submission without email client friction.

Stack

Next.js / ReactApp router, server-rendered components
Cloudflare Workers / Open-NextEdge deployment with serverless compute
Tailwind CSSDesign token implementation and responsive layout
next-intlServer-side localization for Italian and English
Telegram Bot APIInstant mobile push notifications for inbound leads