The Problem
Wilk, an established printing and packaging company, faced a challenge common among mid-sized businesses: their existing WordPress website was slow, maintenance-heavy, and unable to keep up with growing requirements. Plugin conflicts after updates, security vulnerabilities from outdated extensions, and a rigid page structure were holding the company back digitally.
The biggest pain point: over 100 products had to be manually synchronized between their ERP system and the website. Every price change, new product, and updated specification required duplicate data entry — error-prone and time-consuming.
The WordPress site no longer reflected the quality standards that Wilk applies to its printed products. A modern web presence was overdue.
The Solution
We developed a completely new web presence based on Next.js and Sanity CMS — with an automated ERP bridge that synchronizes product data daily without any manual intervention.
The approach: a statically generated website with edge delivery via Vercel, combined with a headless CMS for editorial content and a Python middleware for ERP connectivity.
Features
Automated ERP Product Synchronization
The centerpiece of the solution is a Python-based sync pipeline triggered daily at 03:00 UTC via GitHub Actions. It connects the internal ERP system with Sanity CMS:
- Smart change detection: SHA-256 hashes per product identify only actual changes — no unnecessary overwrites
- Product family grouping: Variants of a product are automatically merged into a single family
- Enrichment protection: Marketing copy, SEO fields, and additional images in Sanity are preserved through every sync
- Image caching: ERP product images are uploaded to the Sanity CDN once and reused on subsequent syncs
- Fault tolerance: Individual product errors don't halt the entire sync run
Premium Animations and Micro-Interactions
The web presence combines professionalism with lively interactivity — entirely without heavy animation libraries:
- WilkSquares: A brand-specific CSS animation with 6 variants, 4 sizes, and 3 speeds — used as preloader, hover effect, and section reveal
- Magnetic CTA button: Follows the cursor with physics-based easing for an organic feel
- Parallax hero: Multi-layer depth effect with 25% and 12% scroll speeds for background and content
- Scroll animations: View-based CSS animations with zero JavaScript overhead
All animations respect prefers-reduced-motion and are optimized for performance on touch devices.
Sanity Studio as Content Hub
Wilk manages all editorial content through an embedded Sanity Studio directly on the website:
- 18+ reusable content blocks (hero, stats, services, process, projects, quotes, CTA)
- Drag-and-drop page assembly without developers
- Live preview for unpublished content
- One-click ERP sync trigger directly from the Studio
GDPR-Compliant Tracking
Integrated Klaro cookie manager with granular consent management, prepared for Google Consent Mode v2.
Technical Architecture
The website uses Server Components by default — only 8 out of 45+ components require client-side JavaScript. The result: minimal bundle size and fast time-to-interactive.
Image optimization runs through the Sanity CDN with automatic AVIF/WebP conversion, LQIP blur-up placeholders, and responsive sizes. No more manual image processing.
ISR (Incremental Static Regeneration) ensures that only changed pages are regenerated after each ERP sync — fast for visitors, efficient for the server.
Results
- 100+ products synced automatically — daily sync with zero manual effort
- 70% faster load times — static generation instead of WordPress PHP rendering
- 0 plugin conflicts — no WordPress plugin ecosystem to maintain
- Zero manual data entry for product data — ERP is the single source of truth
- Professional brand presence — premium animations and consistent design system
Similar Challenge?
Is your WordPress site holding your business back? Product data requiring manual maintenance? We build modern web presences with custom ERP integrations. Get in touch or read about why WordPress becomes a problem for growing businesses.
