FanAway
A football trip that only reveals the destination along the way.
FanAway is a football weekend in Europe with a surprise destination, with flight, hotel and match ticket included and departures from Lisbon, Porto or Faro. We designed and built the website, the web app where travellers follow the trip and the back office where the team manages packs, departures and bookings. One rule held everywhere, to show the reveal and never the destination.
- Client
- FanAway
- Year
- 2026
- Industry
- Travel and football
- Scope
- Branding
- Website
- Web App
01The website
The website sells the surprise without spoiling it. No page shows a stadium, a city or a club crest you could recognise. What it shows is the box, the ticket and the countdown to the reveal, with green for action and purple for mystery.
02Stickers
Click Abrir a surpresa and stickers fly in from outside the screen, cover everything and leave with the new page already underneath. They are cut-outs of the brand's photographs, luggage tags, tickets and the asterisk, up to 120 at a time. Every internal link on the website goes through the same transition.
03On the phone
On a phone the grid drops from thirteen columns to six and the stickers grow against the screen, up to 90 at a time. Anyone who asks their system for less motion skips the transition and the page changes straight away.
04The calendar
The packs page is a calendar of departures with a filter by airport. Tapping a day opens that day's departures in the colour of each pack, and the booking request happens right there, in three steps, without leaving the calendar.
05The packs
Each pack is a kind of weekend and has a small identity of its own: a colour, an icon and a pattern that follow it from the calendar into the web app.
06Gifting
The gift page shows a ticket wrapped in ribbons that read No spoilers. Pull the ribbons and the gift ticket appears, ready to go to the calendar with the gift already ticked.
07The web app
After booking, travellers follow everything in a web app they can install: the state of the trip, the travellers' details, the route of the Mystery Box and the extras. The purple button on the bar opens the ticket.
08The reveal
The trip reveals itself in four moments. The Mystery Box arrives about seven days before, the airport shows up hours before the flight, the city after landing and the match on the day itself. Each clue is a card that flips on tap, and the moment cards catch the light like metal.
09Mystery Box
The physical box travels by post with the first clues, and the web app shows where it is along a marker line with a purple echo, like a screen print. There are three stops: being prepared, sent and delivered.
10The ticket
The ticket is a boarding pass that exists on screen and as a PDF. Whatever has not been revealed yet shows as asterisks, because the server only sends those fields when their time comes.
11Emails
Each step of the trip has its own email, from the confirmed booking to the countdown and the reveal. There are 13 templates in two languages, with the same ticket, the same tags and the same green as the website.
12The brand
The symbol is one shape with three readings: an arrow for direction, an asterisk for what is hidden and a circle for the ball. The photography is close to abstract, with stands, grass and motion, so it never gives away a stadium or a city. Identity developed in partnership with Turma Creative.
Next project
Primemetria
