Armor360 needed a full website redesign, something that actually looked like a serious security company, not another generic template with a shield icon and a stock photo of a hacker in a hoodie. I handled the whole redesign myself, from the initial design to the finished, working website, plus separate landing pages for their individual products.

What I did: I designed the site with a bento style layout and a dark theme: deep charcoal backgrounds, violet to cyan neon gradients, and glowing glass style panels. Once the client approved the design, I built it out fully in WordPress with Elementor, and added two more landing pages for their products, idgard and GateKeeper, keeping the same look and feel throughout.

I also added scroll animations using GSAP that fade sections in as you scroll. Instead of manually tagging every element, I set it up to target Elementor's own layout classes automatically, so new sections animate correctly on their own without extra setup work later.

Tools used: WordPress, Elementor, GSAP, custom CSS and JavaScript

Wiring GSAP to Elementor's own layout classes instead of tagging each element is the move that keeps this maintainable, new sections animate on their own with zero rework later. Did you throttle the fade triggers on mobile to keep the scroll feeling smooth?