shellfirst: Website

Shell First tasked Hypnotic with designing a new website to showcase their network of fuel stations, products, partnerships, and campaigns. Additionally, the website needed a dedicated section for users to join the Shell First Loyalty program. The goal was to create a modern, user-friendly site with an emphasis on usability and conversion.

The new website successfully delivers a clean, modern design, enhancing user experience and engagement. The network of fuel stations, products, partnerships, and campaigns are clearly presented, making it easy for users to navigate and access key information. The Shell First Loyalty program section was designed to facilitate easy sign-up, boosting customer acquisition. While the website is built with multilingual support, it is currently available only in Portuguese. Additionally, the integration of Analytics and Tag Manager ensures ongoing tracking and optimization of the site’s performance and marketing efforts.

The website was built using React and Next.js for frontend development, providing a fast, responsive, and scalable platform that adapts seamlessly to all devices. Tailwind CSS was employed for modern, flexible styling, ensuring a clean and dynamic interface. The backend was powered by Sanity, a headless CMS that offers an intuitive content management system and multilingual support, making it easy to scale and update the site. To ensure performance and effective marketing, Google Analytics and Tag Manager were integrated, enabling precise tracking and optimization of user interactions and campaign effectiveness.