Elementor • WordPress
ArmagOil – Premium Fuel Station Brand Website
ArmagOil® is a fuel brand offering top-quality gasoline, renewable diesel, and E85 fuels, catering to customers looking for a quick, reliable, and premium refueling experience. The client wanted a sleek, modern, and performance-optimized website to showcase their brand story, services, and locations while maintaining fast loading speeds and smooth animations for a professional user experience.
- Client
- ArmagOil – Fuel & Energy Solutions
- Year
- 2024
- Industry
- Fuel & Energy / Retail Services
- Platform
- WordPress (Custom Elementor Build)
- Built with
- Elementor, WordPress
Overview
I developed a custom WordPress site using Elementor, with a focus on brand storytelling, station locator functionality, and immersive hero animations. The design features bold typography, vibrant imagery, and scroll-triggered effects, reflecting the energy and movement of the brand’s “Get In, Get Gas, Get Going” motto.
Objectives
- Create a sleek, animated website that communicates the ArmagOil brand identity.
- Showcase fuel types and quality standards with visual appeal.
- Implement a station locator system for quick user access.
- Ensure fast load speeds for customers on the go.
- Build mobile-first layouts for easy navigation on smartphones.
- Use custom animations to give the site a premium, dynamic feel.
My role
- Full custom Elementor WordPress development
- GSAP animation setup for brand storytelling
- Station locator integration with Google Maps API
- ACF dynamic fields for station and fuel data
- Performance optimization and SEO configuration
Tech stack & tools
- WordPress + Elementor for fully custom design
- GSAP for smooth scroll animations and micro-interactions
- Advanced Custom Fields (ACF) for dynamic station & services content
- Google Maps API for location finder integration
- LiteSpeed Cache + WebP for performance optimization
- Yoast SEO for search visibility and brand reach
Station Locator Integration
Built a location finder tool to help customers quickly:
- Search for nearby stations by city, zip code, or current location
- View available fuel types at each location
- Get directions instantly via Google Maps
Program & Services Showcase
Crafted visually engaging service blocks that highlight:
- Quick stop convenience featuresse program descriptions, and quick “Get Help Now” links to admissions.
- Gasoline, renewable diesel, and E85 offerings
- Commitment to fuel quality and sustainability
Brand Story & Services Section
Crafted visually engaging service blocks that highlight:
- Gasoline, renewable diesel, and E85 offerings
- Commitment to fuel quality and sustainability
- Quick stop convenience features
Mobile-First & Crisis-Friendly Design
Prioritized the mobile user journey with:
- Quick-load hero banner animations
- Sticky “Find a Station” button for easy navigation
- Touch-friendly station locator map and dropdowns
Project Highlights & Achievements
- Delivered a premium, brand-driven design with high visual impact
- Integrated Google Maps station locator for better customer accessibility
- Achieved lightning-fast load times for mobile and desktop users
- Built modular Elementor sections for easy client updates
- Enhanced user engagement through motion and interactivity
“For our premium fuel station brand, Aneeb created a website that exudes quality and trust. The design is polished, the performance is excellent, and the user experience is seamless. It has elevated our brand presence in a competitive market.”