Vamos trabalhar juntoshello@developh.co

  1. Início01
  2. Projetos02
  3. Estúdio03
  4. Media04
  5. Developh Pro05
  6. Contacto06
WEB SUMMIT 2026 · ALPHA STARTUP · LISBOA · WEB SUMMIT 2026 · IMPACT STARTUP · LISBOA · UNICORN FACTORY LISBOA · FALL BATCH ’26 ·
A Forma, a startup da Developh ↗
Fica mais um pouco.
Let It HappenApple Music ↗Tame ImpalaFeito para mexer contigo.
  • Privacidade
  • Termos
  • Glossário
  • Developers
© Developh
A screen covered in FanAway stickers: luggage tags, tickets, stadium seats and the green asterisk

FanAway

Branding & Website & Aplicação Web

Website, web app e marca de fins de semana de futebol com destino surpresa, com uma transição de stickers entre páginas.

2026

Uma viagem de futebol que só revela o destino pelo caminho.

A FanAway é um fim de semana de futebol na Europa com destino surpresa, com voo, hotel e bilhete incluídos e partida de Lisboa, Porto ou Faro. Desenhámos e construímos o website, a web app onde o viajante acompanha a viagem e o back office onde a equipa gere packs, saídas e reservas. A regra foi a mesma em todo o lado, mostrar a revelação e nunca o destino.

Cliente
FanAway
Ano
2026
Setor
Viagens e futebol
Âmbito
Branding
Website
Aplicação Web
FanAway homepage on desktop and phone, with the headline O destino é segredo. O jogo está incluído. in white and green on dark blue

01O website

O website vende a surpresa sem a estragar. Nenhuma página mostra um estádio, uma cidade ou um emblema que se reconheça. O que aparece é a caixa, o bilhete e a contagem para a revelação, com o verde para a ação e o roxo para o mistério.

Three frames of the sticker transition: stickers flying over the homepage, the screen fully covered and the departures calendar appearing underneath

02Stickers

Ao clicar em «Abrir a surpresa», os stickers entram de fora do ecrã, tapam tudo e saem já com a página nova por baixo. São recortes das fotografias da marca, etiquetas de bagagem, bilhetes e o asterisco, até 120 de cada vez. Todas as ligações internas do website passam pela mesma transição.

Five phones showing the sticker transition step by step, from the homepage to the calendar

03No telemóvel

No telemóvel a grelha passa de treze colunas para seis e os stickers ficam maiores em relação ao ecrã, até 90 de cada vez. Quem pede menos movimento ao sistema não vê a transição e a página muda logo.

The departures calendar with an airport filter and a day open, and the booking request on a phone

04O calendário

A página dos packs é um calendário de saídas com filtro por aeroporto. Tocar num dia abre as saídas desse dia na cor de cada pack, e o pedido de reserva faz-se ali mesmo, em três passos, sem sair do calendário.

The list of FanAway packs as wide bars in pink, green, amber and purple, each with its own icon and pattern

05Os packs

Cada pack é um tipo de fim de semana e tem a sua microidentidade: uma cor, um ícone e um padrão que o seguem do calendário até à web app.

The gift page, with a ticket wrapped in ribbons that read No spoilers and a button to unwrap it

06Oferecer

A página de oferta mostra um bilhete embrulhado em fitas «No spoilers». Puxam-se as fitas e o bilhete-oferta aparece, pronto a seguir para o calendário com a oferta já marcada.

Four phones with the traveller web app: the list of trips, a trip with its clue cards, the boarding pass and the profile

07A web app

Depois de reservar, o viajante segue tudo numa web app instalável: o estado da viagem, os dados dos viajantes, o percurso da Mystery Box e os extras. O botão roxo da barra abre o bilhete.

The trip screen on desktop and phone, with clue cards in purple, green and amber that flip on tap

08A revelação

A viagem revela-se em quatro momentos. A Mystery Box chega cerca de sete dias antes, o aeroporto aparece horas antes do voo, a cidade depois de aterrar e o jogo no próprio dia. Cada pista é uma carta que se vira com um toque, e as cartas de momento refletem a luz como metal.

The Mystery Box tab on desktop and phone, with the route of the box drawn as a green marker line through three stops

09Mystery Box

A caixa física segue por correio com as primeiras pistas, e a web app mostra onde ela vai num traço de marcador com eco roxo, como numa serigrafia. As etapas são três: a preparar, enviada e entregue.

A FanAway boarding pass with the destination, the city and the match still shown as purple asterisks

10O bilhete

O bilhete é um boarding pass que existe em ecrã e em PDF. O que ainda não foi revelado aparece como asteriscos, porque o servidor só envia esses campos à hora certa.

Four FanAway emails: booking confirmed, Mystery Box sent, sign-in code and the countdown to the trip

11Emails

Cada passo da viagem tem o seu email, da reserva confirmada à contagem decrescente e à revelação. São 13 modelos em duas línguas, com o mesmo bilhete, as mesmas etiquetas e o mesmo verde do website.

The FanAway logo in dark blue on green, the asterisk and the arrows from the symbol, and three near-abstract football photographs

12A marca

O símbolo é uma forma com três leituras: seta para a direção, asterisco para o que está escondido e círculo para a bola. A fotografia é quase abstrata, com bancadas, relva e movimento, para nunca denunciar um estádio ou uma cidade. Identidade desenvolvida em parceria com a Turma Creative.

Próximo projeto

Primemetria

The Primemetria symbol, cropped large in lilac on the brand purple
BrandingVer projeto →