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.
5-Day Delivery
motion.page Animations
Shopify → WordPress
E-Commerce
Bricks Builder
A Fully Animated WooCommerce Store, Cloned From Shopify, Delivered in 5 Days
Feel Good Finds sells Notorious Nooch — a plant-based nutritional yeast seasoning targeting the vegan market. The client had a reference Shopify site packed with scroll animations, marquee tickers, floating product cards, and entrance effects. They wanted the whole thing rebuilt on WordPress with motion.page. We delivered it in five days.
Client
Feel Good Finds
Industry
Notorious Nooch — Plant-Based Seasoning
Location
South Africa
Services
WordPress Build, Bricks Builder, motion.page Animations, WooCommerce, EU Market Setup
0
Days from brief to live site — homepage, shop, products, blog, header, footer
0+
Distinct animation types implemented using motion.page + Bricks Builder
Shopify
→ WP
Entire Shopify design faithfully rebuilt on WordPress — every animation included
EU
Target market — EU-focused e-commerce with £ pricing and UK shipping configured
01 — The Brief
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
Delivered — WordPress
02 — The Animation Work
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.
03 — What Was Built
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.
04 — How We Delivered It in 5 Days
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.
Day 1
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.
Day 2
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.
Day 3
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.
Day 4
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.
Day 5
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.
05 — Technical Stack
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
06 — Client Feedback
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
Need animations on WordPress?
We build motion.page and GSAP animation systems that match Shopify-quality motion design in Bricks Builder. Have a reference site? We can clone the feel.
Discuss Your ProjectHave a Reference Site? We Can Clone the Feel.
Whether it's a Shopify site with animations, a design file with motion specs, or a brief with a deadline — we work from what you have and deliver fast. EU and US clients welcome.