Air Axis NW: Custom WordPress Theme with Lightweight Animations by Dzmitry MurauskiAir Axis NW: Custom WordPress Theme with Lightweight Animations by Dzmitry Murauski
Air Axis NW: Custom WordPress Theme with Lightweight Animations
Air Axis NW: Custom WordPress Theme with Lightweight Animations
Engineered a fast, pixel-perfect custom WordPress theme from scratch based on custom design mockups, featuring lightweight scroll animations and an optimized lead capture architecture.
Project Overview
Client: Air Axis NW (Commercial UAV & Aerial Drone Services)
Air Axis NW required a high-impact corporate website to present their commercial drone inspection, mapping, and surveillance services to prospective enterprise clients across green energy, construction, and infrastructure sectors.
Key technical requirements included:
Translating complex visual design files into a responsive, pixel-perfect WordPress theme.
Implementing smooth UI interactions and scroll animations without sacrificing page speed or Core Web Vitals performance.
Building an intuitive back-end structure for seamless client-side content updates.
The Approach
Responsive & Interface Layout
To avoid the performance penalties and security vulnerabilities associated with bloated third-party page builders, I built a custom WordPress theme using native PHP templates, SCSS, and vanilla JavaScript.
Modular Theme Architecture: Developed clean PHP template parts and native WordPress custom settings to manage landing page sections efficiently.
Performant Frontend Scripts: Wrote lightweight CSS/JS animation routines running smoothly at 60 FPS without reliance on bulky external frameworks.
Form Integration: Built custom request-a-quote forms directly integrated with client notification webhooks and lead routing endpoints.
What I Delivered
Visual Sections & UI Features
Custom WordPress Theme Engineering
Developed a bespoke WordPress theme adhering to modern web standards and modular code practices.
Ensured full cross-device responsiveness with optimized grid layouts and typography hierarchy.
Interactive UI & Lightweight Animations
Added subtle scroll-triggered visual animations across service cards, hero components, and process steps.
Implemented lazy-loading, script deferral, and CSS rendering optimizations.
Lead Capture Architecture
Created dedicated landing sections for core services: Infrastructure Inspection, Mapping & Surveying, Surveillance, and Construction Monitoring.
Built a streamlined "Request a Quote" user workflow tailored to commercial enterprise inquiries.
Tech Stack & Tools
Backend & CMS: WordPress (PHP, Settings API, Custom Field Architecture)