Clone a Shopify Site — Animations and All — on WordPress. In Days.
Feel Good Finds is the South African arm of Notorious Nooch — a plant-based nutritional yeast seasoning brand with a very specific visual identity. Playful, quirky, unapologetically loud. Animated product badges spinning in circles. Stars floating across the screen. Text that slides in on scroll. A scrolling ticker strip announcing product benefits. The whole site moves.
The reference site (notoriousnooch.co) was built on Shopify. The client already owned a license for motion.page — a WordPress animation plugin — and wanted their new WordPress site to replicate every animation from the Shopify original, faithfully, in Bricks Builder. No cutting corners on the motion design. No “close enough.” The whole point was the animations.
The brief was tight: full site, full animations, five days.
Reference — Shopify
- notoriousnooch.co — original brand site
- Shopify theme with custom liquid animations
- Animated GIF badges on products
- Scrolling marquee ticker, floating elements
- Scroll-triggered entrance animations throughout
- Star decorations, parallax effects
Delivered — WordPress
- feelgoodfinds.co.za — new SA/EU site
- WordPress + Bricks Builder + motion.page
- All badge animations recreated
- Scrolling ticker, floating product cards
- Every scroll-triggered animation matched
- Full WooCommerce shop, EU pricing
Six Types of Animation. All Built With motion.page.
Replicating a Shopify site’s animations in WordPress isn’t a matter of importing anything — it requires understanding what each animation does, rebuilding the logic in motion.page, and making it feel identical to the original. Every one of these was built specifically for this project.
A Complete Site — Every Page, Header, Footer, and Shop
In five days, we built the full site from scratch in Bricks Builder. Not a homepage demo — the complete working site, ready to sell.
| 🏠 Homepage — full animations | 🛍️ Shop page — product listing | 📦 Individual product pages (×3) | 📝 Blog / Recipes section |
| 📰 Blog post template | 🧭 Header — animated nav | 📋 Footer — newsletter + links | 🛒 WooCommerce cart & checkout |
Each product page — Smoky, Cheese, and Chick’n — was built individually with product-specific colour accents, matching the original Shopify site’s flavour differentiation. WooCommerce was configured for EU market selling with £ pricing and UK free shipping threshold.
Five Days Is Fast. Here’s Why It Was Possible.
Speed on a project like this comes from a specific combination: a clear reference to work from, a team that knows Bricks Builder natively, and an animation tool (motion.page) we understood well enough to implement without learning time. The client’s brief was unusually clear — “make it look and move like this site.” That clarity eliminates the back-and-forth that usually consumes time.
- Reference Audit & WordPress Setup
Analysed the Notorious Nooch Shopify site in detail — catalogued every animation, every section, every interactive element. WordPress + Bricks Builder + WooCommerce + motion.page environment configured. Design tokens (fonts, colours, spacing) extracted from reference site. - Homepage Build — Static Structure
Full homepage built in Bricks Builder: ticker strip, navigation, hero section, product showcase, “What is Nooch?” section, testimonials, recipe previews, newsletter signup, and footer. All layouts pixel-matched to the reference. No animations yet — structure first. - All Animations Implemented
motion.page animations applied across the homepage: scrolling ticker, hero entrance stagger, floating product cards with spinning badges, scroll-triggered content reveals, parallax depth effects, and decorative star animations. Timing matched against the reference site until the feel was identical. - Shop, Products & Blog
WooCommerce shop page built and configured. Three product pages (Smoky, Cheese, Chick’n) built with individual colour accents and animated elements. Blog/Recipes section built with post template. EU pricing and UK free shipping threshold configured. - QA, Responsive Testing & Launch
Full QA pass — desktop and mobile. Animation performance verified on mobile devices (motion.page animations tested for smooth rendering). Checkout flow tested end-to-end. Mobile responsiveness confirmed. Site launched and handed over to client.
The Right Tools for an Animation-Heavy Build
The combination of Bricks Builder and motion.page is particularly powerful for animation-heavy e-commerce builds. Bricks’ clean DOM output means animations run smoothly without the overhead of heavier page builders. motion.page’s scroll-trigger system integrates directly with Bricks elements — which is what made the five-day delivery possible.
| WordPress | WooCommerce | Bricks Builder | motion.page | Scroll-Triggered Animations |
| Floating Element Loops | Entrance Stagger Animations | Mobile Responsive | Performance Optimised |
Short. Clear. Satisfied.
The client’s review was brief — but it said everything that matters for a project with a clear brief and a tight deadline.
Work was exactly as we needed.
Feel Good Finds
Plant-Based Seasoning Brand — South Africa
The brief was specific: clone this site, with all the animations, on WordPress. The review was specific too: exactly as needed. When a client says that, it means no surprises, no missing details, no back-and-forth. The brief was delivered. That’s the goal on every project.