Landing Pages for AZA Petrosolutions, AFMS Logistics, and AFMS Stations

Client: AZA PETROSOLUTIONS

Year: 2022

I Designed, developed and deployed comprehensive landing pages to effectively present each solution. Each page was crafted to showcase the unique attributes and key offerings of these products, from fuel management to logistics tracking, reinforcing their roles within the industry.

AZA Petrosolutions is the company behind the AFMS suite, specializing in innovative fuel management solutions. The landing page highlights AZA’s core mission and capabilities, emphasizing its pivotal role in fuel industry innovation.

AFMS Logistics page focuses on real-time tracking and management of fuel storage and logistics. It includes monitoring features for tank levels, pump statuses, and transaction histories, streamlining operational efficiency for logistics management.

AFMS Stations landing page provides an overview of the system’s capability in monitoring and managing multiple fuel stations, supporting decision-making and operational oversight.

Key Features

Effortless Content Management:

Intuitive content updates and seamless integration for dynamic data across all pages.

Enhanced SEO and Visibility:

Optimized for search engines with quick load times and structured metadata to boost discoverability.

Engaging User Experience:

Smooth animations, responsive layouts, and interactive elements for a polished, user-friendly interface.

Clear, Organized Feature Presentation:

Strategic layout and visual hierarchy for easy navigation and a comprehensive understanding of each service.

AZA - Landing Pages for AZA Petrosolutions, AFMS Logistics, and AFMS Stations

Technologies Used

Design & Prototyping:

Figma

Frontend:

Typescript, NextJS, tailwindCSS, HERE map

Backend:

NodeJS, Strapi CMS,Rest API, Mysql.

cloud deployment automation:

Github actions, jenkins, Git, Cloud VPS

My Role

I handled the entire process, from UX/UI design in Figma, prototyping for responsiveness, and development with Next.js and Strapi to deployment and server configuration. I also configured cloud services, SSL certificates, and managed backend processes, ensuring each landing page was optimized and fully functional, delivering a seamless experience across platforms.

Outcome

With a user-centered, responsive design, intuitive navigation, and optimized SEO practices, the pages effectively communicate each product’s value while supporting discoverability. Engaging visuals and animations were added for a polished look, and the integrated content management system ensures easy updates and scalability for future growth. Secure deployment on a cloud server and cross-platform compatibility guarantee stable performance, data security, and a consistent user experience across all devices, providing a robust foundation for brand expansion and customer engagement.