BluePort Transfers

blueport.com
BluePort hero
Έτος
2026
Πελάτης
BluePort Transfers · Athens · est. 1995
Ρόλος
Web Design · Front-end · i18n
Sector
Travel
Stack
React 18 · Vite · TypeScript · shadcn/ui · Tailwind · Supabase · i18next
Status
Live

Tourist transfers και private excursions στην Αθήνα από το 1995. 5 γλώσσες, Supabase backend, prerendered routes, premium booking.

ΑποτέλεσμαΟι επισκέπτες κλείνουν απευθείας τώρα, ακόμα και στις 2 το πρωί. Λιγότερα τηλέφωνα.

Brief

Παραδοσιακή τοπική επιχείρηση με 30 χρόνια στο transfer + private excursions ήθελε σύγχρονη online παρουσία, χωρίς να μοιάζει με γενικό OTA template. Στόχος: premium αίσθηση, μηδενικό friction στο booking, υποστήριξη διεθνών τουριστών σε 5 γλώσσες.

Δουλειά

  • Front-end σε React 18 + Vite + TypeScript, backend σε Supabase (auth, DB, edge functions)
  • Component library shadcn/ui με Radix primitives, custom design tokens και dark mode από day-one
  • 5 γλώσσες (EN, DE, FR, IT, ES) μέσω i18next, με URL-prefixed routes
  • Prerendered στατικές διαδρομές μέσω Vite + custom prerender script — instant LCP, SEO-ready
  • Auto-generation του sitemap σε prebuild step
  • Command-K palette για γρήγορη πλοήγηση, αναζήτηση, αλλαγή theme/γλώσσας
  • Hero με booking search panel, mobile-first one-thumb flow και sticky CTA
  • Premium login surface, command palette και custom 404
  • Coverage μέσω Vitest (unit) + Playwright (e2e)

Γιατί prerender όλες τις 5 γλώσσες αντί για SSR; Επειδή πελάτες στην Κρήτη έχουν 3G.

note from a 2026 standup

Highlight

Το πιο δύσκολο κομμάτι ήταν ο συνδυασμός i18n + prerender. Κάθε σελίδα σε 5 γλώσσες, όλες prerendered, sitemap που καλύπτει κάθε permutation, copy αποσυνδεδεμένο από layout. Αποτέλεσμα: multilingual site που φορτώνει σαν static αλλά συμπεριφέρεται σαν app.

[ 05 / Ας μιλήσουμε ]

έχεις κάτι
να χτίσουμε;

hello@athan.design
Επόμενο έργο →

TenderCopilot

TenderCopilot · Greek public-sector tenders
View case study →