I'm Daniela Trinchero. + 15 years as a senior frontend developer specialized in Webflow, and AI-enhanced workflows.

Overview

Next Gen Vans converts Mercedes Sprinter vans and box trucks for mobile medicine, public safety, nonprofits, and specialty fleets. Their legacy Wix site couldn't carry the positioning or the SEO ambition. The engagement is a full re-platform — audit the Wix, design the system, rebuild on Webflow — currently in progress, shown here as an open build.

Solution

A three-stage migration where each stage produces its own artifact: the audit, the design system, and a component-driven Webflow build on Lumos.

• Design before Designer. An editorial mock defined typography, components, and page architecture before any Webflow work — the build executes a system instead of improvising one.
• CMS architecture. Collections for vehicle platforms, industry hubs, blog posts, resource guides, and press logos — including a press marquee the client edits from the CMS, no Designer access needed.
• SEO structure. Five industry hubs and twenty-six vehicle pages designed as one coherent URL and internal-linking architecture, with content migrated from Wix page by page.
• Component-driven build on Lumos. Variables-first styling, reusable components, and a WCAG-audited mega-menu — desktop and mobile accordion — bound to CMS data.

Result

In progress — the staging build is live and shipping weekly: blog and resources migrated, navigation sealed, home in construction. This case study updates as the build does. Showing the process is the point.

Client Wix Site: https://www.nextgenvans.com/‍

Design: https://nextgenvans-preview.vercel.app/

Curent Webflow on Progress: https://nextgenvans-construction.webflow.io/

Overview

Muttdata is a data and AI consultancy serving large retailers, e-commerce, CPG, and financial services clients (ClassDojo, Mercado Libre, Clip, Ripley). As they scaled services and sharpened their positioning around Modern Data Platform and MarTech, they needed a corporate marketing site that could keep up: clean structure, a Webflow CMS marketing could operate independently, and lead capture wired into their existing sales flow.

Solution

A Webflow build from scratch with structured CMS architecture, responsive design across the full breakpoint range, and direct third-party integrations into the tools the team already uses.

• Figma → Webflow handoff. Faithful translation of the Figma design across Solutions, Services, Industries, About, and Resources — typography, spacing, and motion preserved. Minor design adjustments handled in-flight without round-trips.
• Webflow CMS architecture. Collections designed for case studies, blog posts, insights, events, and industry pages. Each Collection is structured so marketing can add, edit, and translate content without touching code.
• HubSpot integration. Contact and lead forms wired directly into HubSpot via API, so every submission lands in the CRM with the correct properties — no manual handoffs, no lost leads.
• Bilingual content. EN/ES structure with parallel CMS workflows so the team publishes both languages from one backend.

Result

Marketing publishes case studies, posts, and insights directly from the Webflow CMS, manages EN/ES from a single workflow, and captures leads straight into HubSpot with real-time sales notifications. The site scales with the business instead of bottlenecking it — one of several agency projects Caniche ran in parallel that quarter.

Overview

Reddit needed to pitch Reddit Community Intelligence™ — the platform that turns real Reddit conversations into marketing strategies — to advertisers at Cannes. The medium: self-guided kiosks on 55-inch portrait screens. The experience had to explain a complex ad product to people walking the floor, unattended.

Solution

A React (Next.js) experience built kiosk-first for 1080×1920 portrait screens, deployed on Vercel, structured as a guided persona story.

• Persona-driven flow. Visitors pick an audience — the tech enthusiast — and walk a ten-screen story: media planning, tailored creative generation, free-form ads, campaign highlights, listing ads, and persona insights. One product capability per screen.
• Kiosk-grade navigation. Oversized touch targets, persistent back/next/home controls, and transitional screens that auto-advance on a timer — the flow never dead-ends, no matter where a visitor drops off.
• Animation-driven storytelling. Every screen choreographs its entrance: stat bubbles pop, product UI slides in, sequences resolve on their own clock. The pacing is tuned so a passerby gets each screen without reading everything.
• Real product UI as evidence. Actual Ads Manager screens embedded in device frames carry the story — the product demos itself instead of being described.

Result

A self-running product pitch that looped on the Cannes floor without a human presenter. The embed on this page is the production build itself, scaled down from its native 1080×1920 — live, not a video.

Overview

Stökt is a climbing app: photograph a wall, set routes on it digitally, share them graded and logged. For the marketing site, the founder needed the product's core moment — a real wall becoming an interactive route — told as a short looping animation, light enough to embed natively on Squarespace.

Solution

Animation as code: the whole sequence is a deterministic HTML/CSS/SVG build rendered frame-by-frame to video — not a hand-keyframed export.

• SVG scan sequence. Route contours trace themselves over the wall photo via stroke-dashoffset, holds reveal their color through masks, and markers land in the app's own visual language.
• Real product UI. The route panel — grade, wall angle, send count, setter — is placed from exact product assets, not reconstructed by eye. What the animation shows is what the app shows.
• Liquid morph to CTA. The closing beat morphs a full-bleed brand red into the capsule CTA button — one continuous shape the whole way, no crossfade.
• Deterministic render pipeline. A build script generates the animation parametrically; Playwright captures it frame-by-frame at 30fps; ffmpeg encodes H.264 at 786×1492. The loop seam was verified programmatically — pixel diff between first and last frame: zero.

Result

Live on getstokt.com: an 8.9-second, sub-3MB loop that carries the homepage. Client feedback rounds landed as parameter changes at the source, never as patched frames — the asset re-renders for any placement, any size, in minutes.

Overview

Bit2Me is one of Spain's largest crypto exchanges, with operations across Europe and Latin America. As they expanded markets and added partners, marketing needed to ship landings constantly — multiple languages, partner variants, reliable UTM tracking through to signup. The bottleneck wasn't design or copy: every variation went through engineering. The brief was a Webflow build from scratch that lets marketing configure landings — language, copy, UTMs, visible sections — without writing code and without paying for Webflow's native localization plan.

Solution

End-to-end ownership of a parameterized landing system, built in Webflow from scratch on Lumos (Timothy Ricks's breakpointless utility-class framework, the spiritual successor to Client-First), with custom JavaScript handling translations, UTM persistence, and conditional rendering — all driven from CMS fields.

• Custom translation layer. Lightweight JS where components carry translation keys and strings swap in place on language change. No Webflow Localization plan required.
• Figma → Webflow design system. The Figma design system was rebuilt in Webflow on Lumos — pages compose from parameterized components instead of hand-styled blocks. Responsive design and motion preserved across breakpoints.
• CMS-driven parameterized components. Each reads CMS-controlled params: text, UTM destinations, whole sections, available languages. Marketing configures partner landings without opening the Designer.
• UTM persistence across refreshes. Language switching triggers a refresh — UTMs would normally be lost. A persistence layer captures incoming UTMs, stores them, and re-applies them to every CTA so the signup form receives the original tracking.
• Custom interactions on hover, scroll, and language switch tie the system together without bloating the page.
• Four base templates cover listings, partner pages, signup funnels, and country launches.

Result

Marketing publishes landings without engineering involvement. Configuring sections, copy, UTMs, and languages is a CMS operation, not a deploy. One Webflow build owned end-to-end — CMS architecture, custom interactions, integrations, design system — handed back to a marketing team that runs it independently.

Overview

Droitwich Wellbeing Hub is a UK community interest company providing accessible counselling for adults, children, and families. Their old Wix site was visually dated, hard to update, and locked behind vendor constraints. Form submissions sometimes failed silently. They needed a site they could fully own — domain, repo, deploy — that handled real workflows (referrals, contacts, newsletter) without breaking.

Solution

Rebuilt in React (Next.js) with a complete design system and custom code throughout — the design+dev hybrid project where Caniche owned both the Figma and the implementation, end-to-end.

• Design system from scratch. Built in CSS Modules with design tokens for color, typography, spacing, and radius. Mobile-first, fully responsive design. Reusable components — pathway cards, pricing cards, split sections, stacking cards, sliders, testimonials — built once, reused across pages. New pages assemble from existing pieces in hours.
• Forms without a database. Three form endpoints (contact, professional referrals, newsletter) integrated with Resend's API to deliver submissions directly to the team's inbox — no database to maintain, no admin panel to log into, no data privacy overhead beyond what's strictly needed.
• Custom interactions. Scroll-triggered reveals, stacking card sequences, and an accessible mobile nav — all hand-built, not pulled from a template.
• Client-owned infrastructure. Two git remotes: one on the org's GitHub, one on Caniche Studio's as backup. Vercel deploys from the org's repo under the client's account. The organization owns its domain, hosting, and code — Caniche maintains and optimizes it, but the keys are theirs.
• Quality checks. Playwright tests cover the core flows and mobile responsiveness, so refactors don't break the site silently.

Result

The org moved from a constrained Wix site to infrastructure they actually own. Every contact, referral, and newsletter signup lands in their inbox. New pages ship fast from the component library. Total ownership of domain, repo, and Vercel project — independent of any agency, with Caniche on retainer for ongoing maintenance.

Overview

Rebs Curtis-Moss is a UK communications consultant for charities — training, audits, and downloadable resources for nonprofit teams. Her existing WordPress + WooCommerce site supported the brand but didn't sell. She wanted to turn workshops, webinars, and PDFs into self-serve digital products and book her sessions without the email back-and-forth. The site had to do the work while she did the real work.

Solution

Maintenance and optimization of an existing WordPress + WooCommerce site, with a custom plugin at the center and a migration to clean infrastructure — surgical changes that had to land without breaking years of accumulated content.

• "Quiosco" — custom WordPress plugin. Built for Rebs to sell digital products (recorded webinars, PDFs, workshops) end-to-end without touching the order. Stripe handles payment; the plugin auto-creates the account, sends a branded PDF invoice, and unlocks content access — all triggered by the WooCommerce purchase event.
• Third-party integrations for booking. Amelia integrated with two-way Google Calendar sync and automatic Zoom link generation per booking. Stripe handles deposits and full payments. Rebs sets her availability once; the system runs the rest.
• Brand-consistent UX. Custom 404, branded checkout, contact form protected against spam (honeypot + reCAPTCHA), and a refreshed product card system across Shop, Training, and Resources — using her brand fonts (Poppins + Mulish) and updated palette. Responsive design audited end-to-end.
• Performance and deliverability hardening. Full WordPress migration (including 7,732 archived emails) to Krystal, with SPF, DKIM, and DMARC configured so order confirmations and password resets actually arrive — including to Hotmail and Outlook, which the previous setup couldn't reach. Page weight and queries optimized in the same pass.

Result

The site sells digital products with automatic invoicing, account creation, and access delivery; books strategy calls with calendar sync, Zoom, and Stripe in one flow; and delivers transactional email reliably across providers. A consultancy that scales revenue without scaling admin — a site Caniche continues to maintain.