CCP Festival
You have exceeded your allotted number of views.
For full access to our extensive awards archive
Members Login Here
For full access to our extensive awards archive
Members Login Here
Category
DESIGN DIGITAL / Site de marca
Annual ID
CCP25_DI001G
Briefing
Jeton é uma eWallet de nova geração, pensada para simplificar pagamentos online e offline, do Reino Unido para o mundo.
Historicamente, um jeton era uma pequena ficha usada para contar e contabilizar. Hoje, é sinónimo de finanças digitais.
A Jeton torna as transferências internacionais fáceis, seguras e sem stress. Uma App para todos os teus movimentos financeiros.
O objetivo? Criar um site claro, direto e pensado para um público maioritariamente jovem.
Pelo caminho, fizemos um rebranding completo, redesenhámos a UI/UX da app, e construímos um site que explica — sem rodeios e sem gordura— tudo o que este produto fintech consegue fazer.
Historicamente, um jeton era uma pequena ficha usada para contar e contabilizar. Hoje, é sinónimo de finanças digitais.
A Jeton torna as transferências internacionais fáceis, seguras e sem stress. Uma App para todos os teus movimentos financeiros.
O objetivo? Criar um site claro, direto e pensado para um público maioritariamente jovem.
Pelo caminho, fizemos um rebranding completo, redesenhámos a UI/UX da app, e construímos um site que explica — sem rodeios e sem gordura— tudo o que este produto fintech consegue fazer.
Description
Para o rebranding, pegou-se no conceito de moeda e deixámo-la rolar. Literalmente. O dinheiro não para (mesmo que quiséssemos), por isso a nova identidade gira à volta de um disco mate, sempre em movimento.
Está no wordmark personalizado, no universo 3D da marca e nas animações que dão ao site e à app uma frescura minimal com toque tech-forward.
Quanto ao laranja? Incontornável. Usado de forma generosa, equilibrado com pastéis suaves. Pela primeira vez na nossa história, quase eliminámos o preto do CSS, os viciados em contraste podem respirar (Punk!).
O 3D não está só para brilhar. Mantém a experiência tátil e aproxima a banca digital dos públicos mais jovens (olá, gamers). O universo da marca constrói-se em duas frentes: a UI/UX da app, desenhada para facilitar, e um mundo 3D de discos metafóricos — uma abstração das transações monetárias.
Os assets 3D seguem dois caminhos: cabeçalhos abstratos e cenários de uso real onde o fluxo de pagamento se integra no espaço. Ambos são vitais para o storyscrolling.
A narrativa visual é direta: palavras fortes, imagens claras, tudo fácil de perceber e convidativo de usar. A história gira à volta da unificação financeira — uma app para tudo. Ao fazer scroll, o utilizador descobre funcionalidades sem esforço, sem animações em excesso.
O equilíbrio é delicado, mas o resultado é um scroll emocional e funcional. E sim, há o lado de diversão apropriado para o target, com bandeiras em formas circulares que podem fazer-te perder uns segundos e largar um sorriso. Não precisas de instruções, só rato, curiosidade e um olho na calculadora de conversões para alimentar as métricas.
Alguns clientes não gostam de muitas animações. Percebemos. Mas quando tens de mostrar que a Jeton funciona em desktop, mobile e cartão físico… podes escrever, ou podes animar. Escolhemos animar. Uma peça em Rive, sincronizada com o scroll, que deixa marca na retina.
O site está preparado para 19 idiomas, do coreano ao tailandês, tudo gerido via Sanity (o nosso Headless CMS de eleição).
Também desenhámos a app e a web app com a mesma linguagem visual. Porque uma marca vive em todos os pontos de contacto.
Há um momento em que é preciso dar más notícias ao product manager: “A marca está incrível. Mas o produto precisa de uma afinação UI/UX para brilhar no site.” Pode doer, e mexe certamente com a roadmap do produto, mas com as pessoas certas, tudo encaixa. Ganha-se karma de design.
Entregou-se um design system fresco e um universo visual coerente entre site, app e web app. O hero do site reflete fielmente a app. Sem surpresas para quem faz download e apanha um produto obsoleto.
Cada secção principal da app tem um 3D loop feito à medida, reforçando as ações e fugindo à monotonia típica dos produtos financeiros.
Os pilares da Jeton estão erguidos, agora é com eles.
Está no wordmark personalizado, no universo 3D da marca e nas animações que dão ao site e à app uma frescura minimal com toque tech-forward.
Quanto ao laranja? Incontornável. Usado de forma generosa, equilibrado com pastéis suaves. Pela primeira vez na nossa história, quase eliminámos o preto do CSS, os viciados em contraste podem respirar (Punk!).
O 3D não está só para brilhar. Mantém a experiência tátil e aproxima a banca digital dos públicos mais jovens (olá, gamers). O universo da marca constrói-se em duas frentes: a UI/UX da app, desenhada para facilitar, e um mundo 3D de discos metafóricos — uma abstração das transações monetárias.
Os assets 3D seguem dois caminhos: cabeçalhos abstratos e cenários de uso real onde o fluxo de pagamento se integra no espaço. Ambos são vitais para o storyscrolling.
A narrativa visual é direta: palavras fortes, imagens claras, tudo fácil de perceber e convidativo de usar. A história gira à volta da unificação financeira — uma app para tudo. Ao fazer scroll, o utilizador descobre funcionalidades sem esforço, sem animações em excesso.
O equilíbrio é delicado, mas o resultado é um scroll emocional e funcional. E sim, há o lado de diversão apropriado para o target, com bandeiras em formas circulares que podem fazer-te perder uns segundos e largar um sorriso. Não precisas de instruções, só rato, curiosidade e um olho na calculadora de conversões para alimentar as métricas.
Alguns clientes não gostam de muitas animações. Percebemos. Mas quando tens de mostrar que a Jeton funciona em desktop, mobile e cartão físico… podes escrever, ou podes animar. Escolhemos animar. Uma peça em Rive, sincronizada com o scroll, que deixa marca na retina.
O site está preparado para 19 idiomas, do coreano ao tailandês, tudo gerido via Sanity (o nosso Headless CMS de eleição).
Também desenhámos a app e a web app com a mesma linguagem visual. Porque uma marca vive em todos os pontos de contacto.
Há um momento em que é preciso dar más notícias ao product manager: “A marca está incrível. Mas o produto precisa de uma afinação UI/UX para brilhar no site.” Pode doer, e mexe certamente com a roadmap do produto, mas com as pessoas certas, tudo encaixa. Ganha-se karma de design.
Entregou-se um design system fresco e um universo visual coerente entre site, app e web app. O hero do site reflete fielmente a app. Sem surpresas para quem faz download e apanha um produto obsoleto.
Cada secção principal da app tem um 3D loop feito à medida, reforçando as ações e fugindo à monotonia típica dos produtos financeiros.
Os pilares da Jeton estão erguidos, agora é com eles.
Results
O dinheiro move-se depressa, e o rebranding da Jeton também. Desenhamos um elemento elegante em forma de disco, em movimento contínuo, que dá forma a um universo 3D com animações fluidas e scroll ultra-suave.
O resultado? Uma experiência de finanças digitais tão dinâmica como as transações que a alimentam.
Os prémios até agora?
Awwwards Developer Award
Awwwards Honors
Awwwards Site of the Day
CSSDA Site of the Day
O resultado? Uma experiência de finanças digitais tão dinâmica como as transações que a alimentam.
Os prémios até agora?
Awwwards Developer Award
Awwwards Honors
Awwwards Site of the Day
CSSDA Site of the Day
2025 Awards
Total Points: 15
Gold Winner
Credits
Design Firm
Bürocratik / Porto e Coimbra
Group Creative Director
Adriano Esteves
Designer
Bruno Amorim
Pedro Lopes
Illustrator
António Lourenço
Motion Designer
Ana Romão
User Interface Designer
Alexandre Araújo
Related Awards