> I teach product design at NEOLAND and build workflow automation tools for agencies tired of manually resizing 500 banners per campaign. Not a consultancy. Not an agency. Just: here's the tool I built, here's how to use it, now you're unblocked.
I BUILD TOOLS.
YOU USE THEM.
PROBLEM SOLVED.
I teach Product Design at NEOLAND during the week. On weekends, I build automation tools that solve problems I keep hearing about from agencies: banner production bottlenecks, manual resizing hell, DCO implementations that take months, Figma-to-code handoff disasters.
So I formalized the weekend hacking into x-code.studio. Scripts. Templates. Plugins. Documentation. Now available as pre-built tools you can download and use today.
With 18+ years bridging design and engineering — global campaigns for BMW, Google, and Huawei at MediaMonks — every tool I sell is something I built to solve a real production problem. Not selling hours. Selling solutions.
> ARCHITECTURE_AUDIT.log
Real problems diagnosed. Real solutions delivered. Result-based.
Are you burning budget on manual versioning?
Agencies bleed profit in the "Versioning Phase." Use this calculator to see how much manual production is costing you per campaign vs. an Automated Pipeline.
- Designers copy-pasting text into 50 Figma frames.
- Developers manually tweaking CSS for every language.
- QA team checking every banner size manually.
- Project managers tracking versions in spreadsheets.
- Back-and-forth revisions eating days of billable hours.
- Exporting assets one-by-one from design tools.
> CLIENT_VALIDATION --linkedin_verified
"As a cornerstone of our development team... he was instrumental in creating high-quality HTML ads for key LCS and GCS clients (Google). He built new workflows that improved the team's efficiency... and directly contributed to exceeding client ROI expectations."
"From building automated pipelines and writing smart scripts... Xavier always finds a way to add value. On a large client project his framework allowed us to render assets at massive scale in a fraction of the time, saving the team countless hours."
"He masterfully organizes and delivers on large-scale projects, ensuring they are built to scale. Beyond excellent technical skills in areas like web animation, Xavi is a natural leader who genuinely supports the development of his colleagues."
"Highly focused professional who seamlessly bridges business objectives with client needs... ensuring that expectations are met with precision. His leadership consistently sets the standard."
> SERVICE_ARCHITECTURE
Six specialized service pillars. Each delivers a defined result — not hours.
ARCHITECTURE_AUDIT
Pre-production consultancy to validate campaign feasibility and tech stacks. Deliverable: a comprehensive Feasibility Report & Technical Documentation.
WORKFLOW_AUTOMATION
Custom scripts and tools that automate asset production. Deliverable: production-ready automation tools saving hundreds of hours per campaign.
DCO_EXECUTION
Data-Driven Creative feeds into high-fidelity ad experiences. Deliverable: fully functional DCO pipeline at scale.
VISUAL_ENGINEERING
Code-based motion and interaction design. Deliverable: GPU-accelerated interactive experiences with broadcast-quality animation.
DESIGN_SYSTEMS
Bridging Figma and React with living style guides. Deliverable: production-grade design system ensuring intent survives handoff.
CORPORATE_TRAINING
Up-skilling agency teams to bridge the design-dev gap. Deliverable: intensive workshops with certified curriculum.
> EXECUTION_PROTOCOL
Project-based. Result-oriented. Async-first.
Scope & Define
Every engagement starts with a defined scope and deliverable. We agree on the output — a report, a script, a system — not a number of hours.
Execute & Deliver
I determine the methods and timing independently. Daily commits and async updates. Production-quality output.
Review & Handoff
Deliverables reviewed against agreed specifications. Full documentation and knowledge transfer. Your team owns the result.
All engagements operate on a result-obligation basis (resultaatsverplichting). Scope is defined by deliverables and SLAs — not time, availability, or organizational embedding.
> THE_TOOLBOX
Tools, blueprints & workshops. Buy once, use forever. No retainers.
BANNER AUTOMATION KIT
Python/Node.js scripts that resize a master banner to 30 sizes automatically. 40 hours manual → 2 hours.
- 30 standard banner sizes
- CSV data injection scripts
- Setup video guide included
- Lifetime updates
- Instant download
GSAP ANIMATION LIBRARY
15 production-ready animation templates. Copy-paste ready, performance optimized, commercial license included.
- 15 pre-built templates
- Parallax, scroll-reveal, more
- GPU-accelerated
- Commercial license
- Instant download
DCO IMPLEMENTATION BLUEPRINT
50-page guide covering DCO architecture from feed design to platform integration. Includes 1-hour walkthrough call.
- 50-page PDF guide
- Feed validation scripts
- Google & Meta integration
- Architecture diagrams
- 1-hour Zoom walkthrough
WORKFLOW AUDIT
1-week deep dive into your production workflow. Written report + implementation roadmap. No ongoing commitment.
- 1-week analysis sprint
- Written audit report
- Implementation roadmap
- Deliverable-based
- No retainer required
DESIGN SYSTEM RESCUE
Fix your broken Figma system. 1-week sprint, deliverable-based. Clean design system + dev handoff guide.
- System audit & refactor
- Figma Variables & Tokens
- Dev handover package
- Style guide documentation
- Async delivery
TEAM WORKSHOP
2-hour live team training. Banner production, DCO basics, or design-to-dev bridge. NEOLAND certified curriculum.
- 2-hour live session
- Live coding included
- Q&A included
- NEOLAND certified
- Remote or on-site
> PROBLEMS_I'VE_SOLVED
Every client project taught me something that became a reusable tool.
Delivered a scalable asset management system enabling rapid localization across 40+ markets. Result: a production pipeline that cut campaign turnaround by 75%.
Built an AI-powered pipeline analyzing user signals to generate optimized ad variants. Result: 45% CTR improvement through automated creative optimization.
Created interactive rich media campaigns explaining complex insurance products through animated storytelling. Result: 250% engagement increase.
Delivered an immersive color-interactive experience for device exploration with 3D-like rotations. Result: 400% product interaction increase.