The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
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?
No dedicated mobile throttle, same ScrollTrigger setup across screen sizes. I do check prefers reduced motion though, so it skips entirely for users with that on, plus group elements by parent container so they stagger instead of firing all at once. Viewport based throttling is a fair next step, appreciate it.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
What should a creative agency website actually feel like?
For Orvika, we didn't want another agency site built around the same safe layouts and predictable sections.
We pushed the visual direction further with oversized typography, editorial layouts, bold imagery, and stronger contrast, while keeping the experience structured enough to communicate the agency's work and capabilities clearly.
The goal wasn't just to make it look different.
It was to make the agency feel different.
Designed in Figma and built in Framer.
We're sharing more of the websites and digital experiences we've been working on here over the next few weeks.
Very neat man
ADCB × Shukran - Credit Card Landing Page.
I designed a landing page for the co-branded credit card partnership between ADCB and Shukran, Landmark Group’s loyalty programme.
The page brings together the card’s benefits, participating brands and application entry point, helping visitors understand the offering and explore how to get started.
The design uses a black-and-gold palette, prominent card imagery and distinct content sections to present a wide range of rewards in a cohesive visual experience. The work shown includes the landing-page design, benefits presentation and “How it works” section.
The benefits and application path are presented with clarity.