Vanessa SaddiFront End Engineer, Marketing
Designer first.Engineer by necessity.
Thirteen years of client-facing craft, three years shipping production web, and a daily habit of building with Claude in the loop. Vanessa designs the system, writes the code and runs the tooling that keeps it all moving. Five live properties, one operator, a lot of care.
Los Angeles, California · travels to the office as needed
What the work needs.
What has shipped.
What a front-end role on a brand team usually asks for, answered with work that is live today. Where the answer is not yet, it says so.
- 01 · core
Modern frameworks. Next.js and React, inside a design system.
Five production sites live today: Next.js and React where the site earns it, plain HTML, CSS and JS where that was the right size. Every brand ships with a written kit the code reads first: tokens, type with PostScript names, logo rules, page furniture.
Next.js 15/16React 19Tailwind v4TypeScriptVercel - 02 · core
CSS for complex layouts, animation and interaction.
This page: fluid clamp() type scale, 12-column panel grid, gradient wordmark through a CSS mask, film grain overlay, reduced-motion fallbacks. Across client sites: age gates, auto-scrolling galleries, native share sheets on photo tiles, sticky mobile calls to action, navs that flip colour over dark and light sections, map-based store locators.
- 03 · core
Headless content. Modeling, structured data, the publishing experience.
A headless commerce platform behind a live store: products modeled in the platform, storefront rendered in Next.js. Typed content layers drive the rest: one data file renders a set of artist pages in the artists' own words, another renders events and galleries, a third renders a document library. Notion databases run studio operations as a CMS through MCP: task boards and a client hub that a skill populates from a discovery call. Straight talk: no Sanity or Contentful in production yet.
headless commercetyped content filesNotion via MCPWebflow embedsApps Script + Sheets - 04 · core
Design to interactive. Static designs into working web experiences.
Designer and engineer in one seat, so nothing gets lost in the handoff. Brand decks, style locks and UI direction docs go to code with the same hands that helped shape them. When a client team supplied the design and copy, it became two landing-page variants in a day, with a review mode that outlines every block and notes where its copy came from.
- 05 · core
Internal tools. Helping a team author, manage and publish content at scale.
Eighteen custom Claude skills in daily use, among them a task manager that routes work to three Notion boards, a file organizer that enforces one brand folder standard, an Illustrator template builder that turns SVG plus a spec.json into editable catalogs, labels and decks, and brand-locked image pipelines. Shell and Python tools where they fit: a photo prep script that processed 274 event photos in about 17 minutes and prints the data block to paste, a batch content pipeline with a caption agent, scoring and Slack notify, and signup pipelines (site form to Apps Script to Sheet) on three sites.
Claude skillsPythonshellApps ScriptNotion MCP - 06 · core
Migrations and site architecture, on a defined scope.
Migrated a client's static site to a Next.js storefront on the same repo: one deployment per branch, a one-minute rollback, redirects flipped from temporary to permanent after cutover, and a runbook written for the next person. Carved a trimmed version of a site for a third-party review without deleting anything. Cherry Pi v4: removed 7,200 lines and three heavy dependencies.
- 07 · core
Concept to working prototype, quickly.
Wedding site: designed, built, RSVP pipeline wired to a spreadsheet and verified end to end, deployed, in one session. A client brand site planned on a Thursday and live for a trade show six days later. Two landing pages in a day, packaged for the client's CMS the next. Cherry Pi v4: spec July 4, approved and merged July 6.
- 08 · core
Tooling, workflows, documentation and knowledge sharing.
Every repo ships a README written for the next person, including the three build failures that actually happened and their fixes. The studio runs on a CLAUDE.md workspace with a memory layer, a decision log and a brand folder standard that any session loads. A skills registry in Notion stays in sync with what is installed.
- 09 · plus
AI-assisted development workflows.
Claude Code is the daily editor. MCP servers for Notion, Higgsfield, Figma, Adobe and Google Workspace; eighteen custom skills; scheduled tasks; multi-agent review panels; a memory-backed workspace. Non-trivial work gets a written plan with a checkpoint per stage, and every claim is labeled verified or plausible before it ships.
Claude CodeMCPskillsscheduled taskssubagents - 10 · plus
Generative and programmatic design.
Illustrator files generated from SVG and a spec file: a catalog rebuilt from a menu JSON, label batches, an eleven-artboard sales deck. A worksheet design system in ReportLab. Brand-locked Higgsfield generation with reusable prompt blocks and composite scripts, under one rule: brand art is placed exact, never regenerated.
- 11 · plus
Localization and internationalization.
Not yet. Closer to the typed content layers already in daily use than it looks, and a defined scope she would take on gladly.
Not on this page: a Sanity or Contentful class CMS in production, localization systems, and a team larger than one. Vanessa has owned whole properties end to end for seven brands this year. Owning a defined scope inside a senior team is the step she wants next, and the part she is most looking forward to.
Five properties. All live.
Designed, built, deployed and maintained by one person. Every link below was checked the day this page was published.
swiitchglobal.com
Brand site and online store for a lifestyle brand: products, events, artist features and a document library.
alpinevapor.com
Brand site launched for a trade show in six days: product lineup, store locator and email signup.
housemoney.com/lp/membership
Paid-traffic landing page for a subscription product, built static and delivered into the client's Webflow site.
timothyvanessa.com
Wedding site with access code, countdown and an RSVP form that writes to a spreadsheet. Built and verified end to end in one session.
cherrypi.world
The studio site, four versions in. v4 cut 7,200 lines and three heavy libraries. This resume is the current home page, with a print stylesheet so the page is also the PDF.
Internal tools, in daily use.
The studio is one operator, so every repeated job became a skill, a script or a pipeline. Eighteen custom Claude skills installed; the ones below do the heavy lifting.
- task-managerroutes a task to the right Notion board from plain language
- illustrator-templateSVG + spec.json to editable .ai catalogs, labels, decks
- file-organizerone brand folder standard, enforced across every project
- pipeline-opsbrand pipeline build, edit and code prompts
- product-shots · higgsfield-studiobrand-locked image generation with fidelity checks
- client-page-builderdiscovery call to Notion client page, hub tasks and client record
- worksheet-designerprint-ready learning packs on a ReportLab design system
- compass · plan-my-week · counciladvisor, ledger and multi-agent review for the operator
- photo-prep.shbatch event photos, cap size, auto-brighten, print the data block
- batch content pipelinequeue, generate, caption agent, score, Slack notify
- signup pipelinessite form to Apps Script to Google Sheet, three sites
- CLAUDE.md workspacememory, decision log, brand standard, loaded every session
Every chapter added a layer.
- 2023 to now
Founder, designer and engineer
Cherry Pi Creative Studio (Dvnci Digital LLC), CaliforniaBrand strategy, identity, production web and content systems for regulated consumer brands and small businesses. Retainer clients since March 2024.
- 2026
Brand operator, two multi-brand portfolios
Sherbinskis, Common Kings, Uncle Ed's and four more across cannabis and lifestyleWebsites, catalogs, packaging, trade-show booths, email, decks and social, on task-based retainers where speed is the deliverable.
- 2025 to 2026
AI-native rebuild of the studio
Claude Code, MCP, skills, pipelinesMoved every workflow onto Claude Code: eighteen custom skills, MCP integrations, scheduled tasks and a memory-backed workspace that runs the studio.
- 2016 to 2019
Animation artist
Emojam, All Def Studio, Los AngelesStartup production environment: animated content at pace, to brief.
- 2015 to 2016
Storyboard artist
Val Hill, filmVisual narrative and sequencing.
- 2013 to 2014
Graphic design intern
Melody EhsaniJewelry and fashion branding.
- 2013 to now
Tattoo artist, self-employed
Collaborations: Melody Ehsani, Summer Walker, Thrasher Magazine, Musink, Diamond Supply Co., Nylon MagazineThirteen years of client-facing craft. Where the eye was trained.