Shell
Shell Primeiro Website & App
Uma plataforma digital que liga todo o ecossistema de fidelização da Shell
Ano
2025
Indústria
Energia
Serviços
Front-End Development
UX/UI Design
Back-End Development
Mobile Development
Tecnologia
Next JS
tailwind CSS
Sanity CMS
Google Maps
Google Tag Manager
Google Analytics

A Shell First desafiou-nos a desenvolver um novo website para promover o seu programa de fidelização e dar visibilidade à rede nacional de postos Shell, aos seus produtos, parcerias e campanhas em curso. O objetivo era criar uma plataforma moderna, centrada no utilizador e preparada para conversão, tornando simples a descoberta e adesão ao ecossistema Shell First.
Na sequência do sucesso do website, o projeto foi alargado com o desenvolvimento de uma aplicação móvel, concebida para melhorar a experiência em dispositivos móveis e levar o programa Shell First para o dia a dia dos utilizadores.


Concebido para ser claro. Desenvolvido para envolver.
O website Shell First oferece uma experiência moderna e responsiva, destacando a rede Shell, a sua oferta de produtos e as parcerias da marca. A navegação clara facilita o acesso à informação, enquanto a área dedicada ao programa de fidelização foi concebida para incentivar uma adesão rápida e aumentar a participação dos utilizadores.
Principais funcionalidades:
- Visão geral da rede nacional Shell e dos serviços disponíveis.
- Área dedicada ao programa de fidelização.
- Destaque para campanhas e parcerias.
- Preparado para vários idiomas (atualmente disponível em português).
- Analytics integrados para monitorização contínua do desempenho.

Uma experiência de fidelização sempre consigo.
A aplicação Shell First estende a experiência da plataforma ao universo mobile. Concebida para acompanhar as interações do dia a dia, reúne funcionalidades que vão desde notícias e campanhas até à gestão completa do cartão de fidelização.
Principais funcionalidades:
- Notícias e campanhas ativas.
- Ativação do cartão de fidelização físico.
- Criação e histórico do cartão de fidelização digital.
- Localizador de postos através do Google Maps.
- Gestão da conta e dos dados do utilizador.
- Consulta do cartão e dos benefícios diretamente na aplicação.
O website foi desenvolvido com Next.js, garantindo desempenho, escalabilidade e rapidez, complementado por Tailwind CSS para uma interface limpa e responsiva. A gestão de conteúdos é assegurada pelo Sanity CMS, proporcionando flexibilidade, modularidade e suporte multilingue.
A aplicação móvel foi desenvolvida em React Native com Expo, oferecendo uma experiência consistente em iOS e Android. O Google Maps suporta o localizador de postos em ambas as plataformas, enquanto o Google Analytics e o Google Tag Manager permitem acompanhar o desempenho, analisar o comportamento dos utilizadores e otimizar continuamente a experiência digital.
Perguntas frequentes
Respostas diretas sobre a forma como trabalhamos
Que serviços oferece a Hypnotic?
A Hypnotic é uma agência criativa technology-first que desenvolve websites de alta performance, aplicações móveis, plataformas digitais, e-commerce, IA, XR e soluções de automação.
Onde fica a Hypnotic?
A Hypnotic está sediada em Lisboa, Portugal, no Amoreiras Shopping Center, e trabalha com clientes em Portugal e no estrangeiro.
A Hypnotic trabalha com clientes internacionais?
Sim. A Hypnotic desenvolve projetos para clientes em todo o mundo, trabalhando em inglês e português.
Com que tecnologias trabalha a Hypnotic?
A Hypnotic desenvolve com tecnologias web modernas como React e Next.js, além de inteligência artificial, XR (realidade estendida) e plataformas de automação.
Como posso contactar a Hypnotic?
Pode contactar a Hypnotic por email para agency@hypnotic.pt ou por telefone para +351 969 657 604.



