Designed and developed the frontend in Elementor, integrating Matter.js for scroll and gravity based physics animations. Used CPT UI + ACF to create a fully manageable portfolio system — dynamically loaded via Elementor loops and styled consistently.
Objective
Build a modern, animated agency website using Elementor + Matter.js for front-end impact — with a backend powered by ACF + CPT to manage portfolio projects easily.
Goal: balance creative wow-factor with content flexibility.
Details
Time Frame:
Jan 2024 – Jab 2024
Role:
Elementor Expert, WordPress Developer
Client:
Haris Mehmood (Co-Founder)
Approach
Mapped the full site structure, separating static sections from dynamic ones (like portfolio, case studies).
Planned custom post types (CPT) for Projects and used ACF for custom fields like project type, tech stack, preview image, and live links.
Solution
Designed and developed the frontend in Elementor, integrating Matter.js for scroll and hover-based physics animations.
Used CPT UI + ACF to create a fully manageable portfolio system — dynamically loaded via Elementor loops and styled consistently.
Results
FoxPath Media now has a lightning-fast, animated site with custom interactions that show off their digital skills.
Their team can easily add, edit, or archive portfolio items — no dev help needed.
Conclusion
This project proves how a creative frontend paired with a smart backend setup can scale agency storytelling.
Using Elementor + Matter.js + ACF/CPT, I delivered both wow-factor and long-term manageability — a true digital system, not just a site.