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.



