Skip to content

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

Página inicial ShellFirst
Contexto

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.

Website do cartão
MapaDeLojas
Website

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.
Aplicação
App

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.
Tecnologia

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.

Pronto para construir algo real?

mais projetos

prova em vez de promessas