Project 05 Published

Amalfi Guide

A pocket guide designed to survive a weak signal

Illustrated Amalfi Guide interface and coastal landscape
Multilingual offline PWA 05
Offline travel PWA
Project snapshot

A six-language travel PWA with local places, practical notes, route maps and offline access for days spent moving along the coast.

My role
Product design and development
Platform
Multilingual offline PWA
Status
Published

01 / Challenge

The task

Travelers often need guidance precisely when connectivity is unreliable. The experience had to make dense local information easy to scan, support six languages and keep essential content available away from a stable connection.

02 / Process

How I built it

  1. 01

    I expanded an original printed-guide idea into a structured digital product, separating places, routes and practical travel notes.

  2. 02

    I built the application around static output and offline behaviour so its core information remains dependable during a trip.

  3. 03

    I created language-aware navigation and map-based route assets while keeping the interface compact enough for one-handed mobile use.

03 / Decisions

What matters

01

Offline first

Core pages and assets are prepared for use when tunnels, ferries or mountain routes interrupt connectivity.

02

Six-language structure

Language is part of the routing and content model, not an overlay added after the interface was designed.

03

Maps with context

Routes combine spatial information with practical local notes instead of relying on pins alone.

04 / Interface

In use

A closer look at the visual system and the product at real screen sizes.

Amalfi Guide desktop interface shown in a browser
Desktop experience
Amalfi Guide mobile interface shown at phone width
Mobile experience

05 / Result

Where it landed

The guide became a compact installable companion for the coast, bringing multilingual content, route context and offline resilience into one consistent interface.

Stack and systems

  • Next.js
  • React
  • TypeScript
  • PWA
  • Mapbox
  • Markdown
Open Amalfi Guide