Shell First Website & App

Shell First tasked us with developing a new website to promote their loyalty program and showcase Shell's nationwide network of fuel stations, products, partnerships, and ongoing campaigns. The goal was to create a platform that felt modern, user-focused, and conversion-ready—making it easy for users to explore and join the Shell First ecosystem.

Following the success of the website, we expanded the project with the development of a mobile app—designed to enhance the experience on mobile devices and bringing the Shell First experience to users' mobile devices.

Designed for clarity. Built for engagement.

The Shell First website delivers a modern, responsive experience that showcases Shell's network, product range, and marketing partnerships. Clear navigation makes it easy to find relevant information, while the loyalty section was built to encourage fast sign-ups and increase customer participation.

Core features:

• Overview of Shell’s national presence and services
• Dedicated loyalty program section
• Campaigns and partner highlights
• Multilingual-ready (currently in Portuguese)
• Integrated analytics for continuous performance tracking

A seamless loyalty experience in your pocket.

The Shell First app extends the experience to mobile. Designed to support everyday interactions, it includes everything from news and campaigns to full loyalty card management.

Core features:

• News and active campaigns
• Physical loyalty card activation
• Virtual loyalty card creation and history
• Store locator via Google Maps
• User account and data management
• In-app display of card and benefits

The website was developed with Next.js and Tailwind CSS, delivering a fast, scalable, and responsive experience. Sanity CMS provides flexible content management with multilingual support.

The mobile application was built using React Native and Expo, ensuring a consistent experience across iOS and Android. Google Maps powers the station locator across both platforms, while Google Analytics and Google Tag Manager provide the insights needed to measure performance, understand user behaviour, and continuously optimise the digital experience.