# JVVDESIGN - Full Site Content for AI Agents

Extended companion to /llms.txt: the pages and case studies of
https://jvvdesign.com, written out from the content modules the site renders.
Generated at build time by scripts/llms-docs.ts - edit src/content/... instead
of this file. Each page also carries this copy as semantic HTML, so a reader
that runs no JavaScript still gets the page.

## Studio

JVVDESIGN is the freelance design & development practice of Jan-Willem van
Vulpen. Designer and developer since 2016. Work is delivered as Intelligent
Workflows, Code & Architecture, Living Systems.

- Site: https://jvvdesign.com
- Email: janwillem@jvvdesign.com
- Phone: +31 6 43 11 34 82
- Location: Amsterdam · Netherlands
- LinkedIn: https://www.linkedin.com/company/jvvdesign
- Registration: KVK 77188659 · BTW NL003159241B29
- Contact: https://jvvdesign.com/#contact
- Pages: 20 indexable routes, per public/sitemap.xml

## Pages

### Home - https://jvvdesign.com/
JVVDESIGN - Freelance Design & Development Studio: Freelance designer and
developer for brand design, product UX/UI, and front-end development. Selected
work, clear packages, and senior-level craft for teams that need to ship. ·
last updated 2026-10-07

Sections appear in the order src/pages/home/HomePage.tsx renders them. All
copy below is the homepage's own.

**Hero** - "I bridge the gap between complex systems and human experience"
Ticker: Available for select freelance partnerships · Product Experience
Design & Full-Stack Builder · Based in the Netherlands. Actions: "View
Projects" (/projects) and "Let's Talk" (/#contact). Portrait of Jan-Willem,
the designer and developer behind JVVDESIGN; studio reel on the same screen.

**Client logos** - Companies I worked with.

**Projects 2024-2026** - "Discover some of my work" Featured: DPD, OfficeHub,
MSN, Jeugdlintje Eindhoven, FlintandSteel & CanxLab. "Explore all projects" →
/projects.

**AI in the pipeline** - "Modern stack, modern velocity"

> Design and code move fast. By baking custom LLM loops and AI agent workflows
> directly into my creative pipeline, you get enterprise-grade output with
> boutique speed.

All 3 practices appear as auto-switching tabs; every pane is present in the
page's HTML at all times, and in full below:

1. Intelligent Workflows - "Thirty directions, then one decision" (30
   overnight · 1 survivor)
    · Swatches: Signal #306FDB, Electric #5B9AFF, Ink #1D1D1F, Paper #F5F5F7
    · display: Manrope
    · body: Figma variables in, CSS tokens out.
    · caption: TYPE SCALE / 1.25
    · Closing note: Winston confirms - survivor saved to the brand kit, 29
    archived.
AI note: AI-assisted state management and design systems

2. Code & Architecture - "Shipped, not staged" (shipped this morning)
    · Pipeline: figma -> tokens -> react + ts -> vite build -> edge
    · $ npm run build
    · ✓ tsc strict · 214 modules
    · ✓ a11y pass · no regressions
    · $ lighthouse --prod
    · ● 100 · 100 · 100
    · Closing note: Winston confirms - build shipped this morning, all checks
    green.
AI note: Clean, maintainable full-stack builds accelerated by custom agents

3. Living Systems - "Nothing left to guess at" (nightly · 22:00 → 06:30)
    · source sweep (on): 14 docs read · 2 conflicts flagged
    · competitor teardown (on): 3 rivals · pricing and gaps mapped
    · docs + regulations (on): NL + EU · no blockers found
    · fact-check pass (queued): queued · runs tonight 22:00
    · Closing note: Winston confirms - digest delivered 06:30, receipts
    attached.
AI note: Building software that thinks, adapts, and works for you

**Discover my Assistant** - Winston PI: My intelligent home system, a PI for
households I developed for myself and my clients. It quietly coordinates
light, climate, energy, and routines so the home feels effortless. (Explore
Winston PI → /winston)

**Experience** - "Designer and developer since 2016"

- 02/2024 - Present · Amsterdam - Co-founder, Design & Front-end,
  FlintandSteel: Product studio I co-founded, I run operations and client
  strategy and lead end-to-end front-end builds, from payment solutions to
  shipped products.
- 3/2021 - 12/2023 · Amsterdam - UX Designer, Soda studio: Product design,
  design systems, and multi-brand token integration for enterprise operations
  at DPD, Sportcity, Fugro, SKG-IKOB, and more.
- 2019 - 2020 · Amsterdam - Founder, Greenify: Led a close-knit team building
  a sustainable app initiative promoting green solutions.
- 12/2016 - Present · Amsterdam - Freelance Product Design, JVV design:
  Physical and digital products, 3D renderings, and web experiences for real
  estate, interior, and logistics clients: John Taylor, Picnic.
- 2015 - 2021 · Eindhoven - BA Fine Arts, Products, Design Academy Eindhoven:
  Fine art and product design.

**Contact** - "How can I help you?"

The contact block is a live chat ("Ask me a question") with Winston PI. Before
the first message a small dialog asks for the reply email address. This chat
is handled by Winston, my AI assistant, and may produce information that is
not factual.

Thread state: Once filed: This thread is closed - your enquiry is filed. I'll
follow up personally. Thank you! Validation: That does not look like an email
address yet.

By confirming, you consent to the processing of your personal information in
accordance to the Privacy Policy.

Privacy Policy: https://jvvdesign.com/privacy-policy

### Projects - https://jvvdesign.com/projects
Projects - JVVDESIGN: The delivery toolkit and featured projects behind
JVVDESIGN, AI-assisted research, component generation, and workflow
automation. · last updated 2026-10-07

**Projects** - "Design or development projects"

Selected projects 2024-2026: product design, front-end builds, and brand
systems, taken from first sketch to shipped.

"Start a conversation" → /#contact. The archive lists every project below,
filtered by kind, domain and tag; each one opens its own case study.

**Other brands I worked for** - Can×Lab, Picnic, Rijksoverheid, John Taylor, Bever, Eindhoven, SportCITY, Milieu Service Nederland, DPD, Ember, SKG-IKOB, Liberty Global, Farm Frites, Hubo, SW.

### Winston - https://jvvdesign.com/winston
Winston PI - Your Private Personal Intelligence System: Winston is a
standalone Personal Intelligence system that runs entirely on your own
hardware. Absolute privacy, a local digital butler, and hyper-personalization,
no data mining, no subscription lock-in. · last updated 2026-10-07

**Private Personal Intelligence** - "Hi, i'm Winston." Meet your local,
autonomous digital butler - built to live on your hardware, guard your
privacy, and master your world. (Request Installation & Setup → #contact;
Founder's Alpha → #alpha)

**The Paradigm Shift** - "A revolution in your home": For over a decade we
traded privacy and peace of mind for convenience, parking our notes, calendars
and thoughts in black-box clouds that mine them to train models and serve ads.
The quiet truth is that the rent has become optional. The small machine on
your desk already does what a data centre cost five years ago, and next year's
will do it faster, cheaper and cooler. Winston is built on that trend: your
data, kept at home, compounding conversation by conversation. As the edge
grows stronger, he grows knowing.

**The Three Pillars** - "The benefits"

Winston is a standalone Personal Intelligence (PI) system that runs entirely
on your own hardware: no data mining, no subscription lock-in, no corporate
eyes over your shoulder. He is a digital entity that lives with you, learns
from you and answers only to you. That is also why he needs your data, not to
sell but to keep: every conversation and correction becomes memory on your
machine, so year ten knows more than year one, and it stays yours to export or
to erase.

1. Absolute Privacy & Digital Sovereignty - Your data never leaves your
   hardware unless you explicitly want it to.
    · Air-Gap Capability: Tunnel, web tools and remote integrations stay off
    until you turn them on.
    · Network Enforcing: IP allow- and deny-lists, device fingerprinting,
    per-call egress reviews.
    · Biometric Security: Access exclusively through secure passkey logins.
    · Internal Auditing: He watches every call to, from and within his own
    systems.
    · Full Data Control: Real export tools and GDPR compliance - you own your
    footprint.
2. The Digital Butler - Winston is not a generic chatbot or a floating voice
   in a speaker - he is your digital butler.
    · Contextual Mastery: Your notes, files and smart home logs are indexed
    into local memory he can actually search.
    · Lightning-Fast Tools: Thirteen small MCP servers - home, planning, mail,
    code - start on demand, on your box.
    · Effortless Action: He acts quietly on the systems you already use, like
    a butler.
3. Hyper-Personalization - Cloud AIs know everything about the general world,
   but nothing about you. Winston doesn't need to be the smartest AI on the
   planet; he needs to be the best at assisting your life.
    · Autonomous Learning (Hermes): Hermes, the PI engine he runs on, plans
    against your own systems - your calendar, home state, inbox and history -
    and writes what he learns back into memory and skills.
    · Adaptive Mapping: He maps his skills around your habits and what matters
    to you.
    · HOLIC Profiling: HOLIC builds your digital twin - ad-targeting
    structures turned to your benefit.

**Introducing PCL** - "He learns what matters to you."

Knowing your whole house is the easy half. Winston also has to decide which of
it belongs in front of you tonight, and how much room it gets in his head.
Personal Context Levels are how he does that: every subject you have carries a
level from one to five, learned from what you actually use and spent against
one short brief he reads before he answers. Nothing about you is scored in a
cloud - the levels are arithmetic, on your own machine, in one small file
beside his other records.

How one fact travels:

- Stored: one plain record per fact: your sleep, your tariff, who is home
- Grouped: every fact about the same thing becomes one subject
- Scored: the subject carries a level from 1 to 5, and the reason for it
- Spent: each level gets its share of the brief - and no more
- Re-learned: what you used today moves tomorrow's level, one step at a time

Two axes decide the order:

- Axis one - time - How relevant is this information?: Winston labels every
  data point in a level based on time
    · One day: pulse, steps, who is home, what the lights are doing
    · One week: sleep, strain, stress, a habit he just spotted
    · One month: weight, VO2max, what you ate, the climate indoors
    · Half a year: who lives here, your routines, the settings you chose
- Axis two - relevance - How relevant is this information still?: Winston
  keeps track of everything you do inside it.
    · You used it: opened it, acted on it, or asked about it by name
    · You said so: a thumb up or down on the card itself
    · You only saw it: counts for nothing on its own - it is only the
    denominator
    · It got old: changes nothing here; age lives on the other axis

- Level 1 - Most personal (40% of the brief): your own model, your body, the
  subjects you keep coming back to
- Level 2 - Close second (25% of the brief): the weekly ones: the energy
  tariff, the family calendar, habits that stuck
- Level 3 - Useful context (15% of the brief): what you ask about now and
  then, plus the state of the house
- Level 4 - Background (10% of the brief): sensor noise worth having in the
  room without leading with it
- Level 5 - Filed away (10% of the brief): kept for the day it matters - the
  floor of the model, so it can only climb

- Seen is not the same as used: A subject never climbs because Winston showed
  it. Views are kept only to ask a fairer question: of everything he put in
  front of you, what did you actually reach for?
- You can pin it, mute it, correct him: Every card carries a pin, a mute and a
  thumb. A pinned subject is fixed and the learner stops touching it; a muted
  one stays out of the brief - unless it is a safety signal, which he will
  never hide.
- Slow to change his mind: One step per subject per month, read over a
  thirty-day window, with a band on every edge so nothing flickers. Being
  ignored is not evidence: a subject you have not touched keeps the level it
  earned.
- It stays your file: No content enters the learning lane - only a subject, a
  kind of event and a weight. The levels follow the same rules as everything
  else you own: exportable, deletable, and resettable to their starting values
  whenever you like.

**Under the Hood** - "Technical transparency by design"

- Fully Auditable Architecture: Read the prompt chains, the model registry and
  the MCP server list in plain YAML and Python - and see exactly how your
  context is handled.
- Open-Source Foundations: Built on verifiable open source - Ollama,
  llama.cpp, Qdrant, Flask and Home Assistant - in clean Python modularity.
- Direct Feedback Loop: Alpha testers get direct access to the core developer
  channel to influence feature roadmaps, suggest tool integrations, and audit
  agent behavior.
- Built to Compound: Edge hardware grows more capable every year and Winston
  keeps every lesson: your data is fuel, not product - so the machine you own
  today answers faster and knows you deeper five years from now, with nothing
  rented and nobody mining.

**Safe by Design** - "Self-hosted security that hardens as it grows". Winston
is engineered to be a safe companion in your home, and to keep earning that
safety: as edge hardware grows more capable and he gains more tools, the doors
never open wider than the job at hand.

- Self-Hosted, Nothing to Raid: There is no cloud vault to breach and no
  honeypot of other people's data: the attack surface shrinks to one machine
  you own, answering to your passkeys alone. Every year edge hardware grows
  faster and cooler - and this wall grows taller with it.
- Keys, Gates, and a Full Audit: Every request - from your phone, from
  Telegram, from any model connecting to Winston's own tools - passes
  identity, the compliance gate, rate limits and a per-call egress review
  before a tool is touched. Keys are scoped to the smallest job: the
  web-contact key can file an enquiry and nothing more, and built-in licensing
  and encryption keep the internals untouchable.
- Guarded, Not Closed: The safe line is drawn to keep him useful, not to gut
  him: through mode allowlists and scoped keys, home, calendar, mail, search
  and code stay reachable to the models that serve you - so the line of what
  Winston can do for you keeps moving forward as the system evolves.
- Psychological & Parental Safeguards: Integrated checks ensure Winston never
  encourages harmful behavior, backed by built-in English parental controls.
- Hardware Watchdog: A built-in watchdog adapts to your system specs, ensuring
  maximum efficiency and preventing local hardware burn-out.

**Founder's Alpha Release** - "Co-create the future"

Winston ships today as a limited Founder's Alpha, strictly within the
Netherlands. This is a page for early engineering interest: we are not looking
for passive users but for partners who love to build, test and refine, value
deep digital sovereignty, and want a say in the roadmap while the machine is
still young.

Price: Founder's Lifetime License - €100 (incl. Dutch VAT · one-time purchase)

Included: Core household or host system; Ongoing software updates; Direct
developer access & roadmap input

- Multi-User Scaling: Add users to your household or small team for +€50 per
  additional user (up to 10 people).
- Flexible Payments: Spread your investment with installment options while
  retaining your local data autonomy.
- Software Prerequisites: Runs natively on Linux Ubuntu in dedicated Python
  environments (24GB+ VRAM local compute recommended).
- Multi-Device Access: Secure Cloudflared tunneling gives you Winston on
  phone, tablet, and hands-free systems - anywhere you go, with anonymous
  protection.

Availability: Founder's Alpha is currently available strictly within the
Netherlands.

**FAQ** - "Frequently asked questions"

Q: Do I need a cloud subscription to run Winston?
A: No. Winston is a one-time software purchase. Once installed on your
  hardware, he runs locally and independently of cloud subscription models.

Q: Can I access Winston when I am away from home?
A: Yes. Via secure Cloudflared integration, you can securely connect to your
  local Winston instance from your phone or tablet while maintaining
  end-to-end privacy and anonymity.

Q: What are the technical requirements to run Winston?
A: Winston runs natively on Linux Ubuntu within a dedicated Python
  environment. A host machine with 24GB+ VRAM local compute is recommended for
  the full model tiers; lighter setups can start on smaller GPUs.

Q: Why does Winston need my data at all?
A: Because personal intelligence is a long game. His hardware only gets
  faster and more efficient year by year, and his understanding of you only
  deepens with the history he gets to keep - locally, on your machine, never
  in someone else's cloud. Every month of data you give him is a month he
  knows who you mean when you say 'family'. And if it ever stops serving you,
  it is yours to export or to erase in full.

Q: Who is liable for data processed locally?
A: Because Winston is a self-hosted, sovereign system that processes
  personal data entirely on your own equipment, you retain complete ownership
  and responsibility over your local environment, backed by clear EU/Dutch
  software license terms.

**Get in touch** - "Curious what Winston would take off your plate?"

The contact block is a live chat ("Ask me a question") with Winston PI. Before
the first message a small dialog asks for the reply email address. This chat
is handled by Winston, my AI assistant, and may produce information that is
not factual.

Thread state: Once filed: This thread is closed - your enquiry is filed. I'll
follow up personally. Thank you! Validation: That does not look like an email
address yet.

By confirming, you consent to the processing of your personal information in
accordance to the Privacy Policy.

Privacy Policy: https://jvvdesign.com/privacy-policy

### Legal

**Privacy Policy** - https://jvvdesign.com/privacy-policy

JVVDESIGN collects as little personal information as possible. This page says
what is collected, why, who sees it, and how long it is kept.

Last updated: October 7, 2026

Headings: 1. Who Is Responsible · 2. What Information Is Collected · 3. What
It Is Used For · 4. Legal Basis · 5. Who Else Sees Your Information · 6.
Transfers Outside the EU · 7. How Long Information Is Kept · 8. Your Rights ·
9. Security · 10. Children · 11. Changes to This Policy

Questions: janwillem@jvvdesign.com

**Terms of Use** - https://jvvdesign.com/terms-of-use

The basic rules for using this website: browse freely, send real enquiries,
and respect that the work shown here belongs to the people who made it.

Last updated: October 7, 2026

Headings: 1. Agreement · 2. About This Website · 3. Fair Use · 4. Ownership ·
5. The Work Shown Here · 6. Enquiries and Quotes · 7. Winston, the AI
Assistant · 8. Third Parties · 9. No Guarantees · 10. Liability · 11. Privacy
· 12. Changes to These Terms · 13. Applicable Law

Questions: janwillem@jvvdesign.com

**Cookie Policy** - https://jvvdesign.com/cookie-policy

This site stores very little in your browser. This page lists every cookie and
every stored item, what it is for, and how long it stays.

Last updated: October 7, 2026

Headings: 1. What This Page Covers · 2. How Consent Works · 3. Essential
Storage (Always Active) · 4. Functional Storage (Optional) · 5. Analytical
Storage · 6. Google Fonts · 7. Forms and Newsletters · 8. Changing or Deleting
Your Data · 9. Questions

Questions: janwillem@jvvdesign.com

## Projects (case studies)

### OfficeHub / Coworking & Booking Platform

https://jvvdesign.com/projects/officehub · 2026 · product · web · client:
OfficeHub · role: Full suite: design & development

Designed and built officehub.ch: a coworking platform where teams browse and
book workspaces, meeting rooms, and private desks, with payments handled end
to end through Ember and an AI assistant (Winston) woven into the product.

In depth: Shipped a complete product surface in React: spaces, agenda,
products, and a conversion-ready marketing experience, backed by custom
payment logic and secure transaction flows through the Ember API. State,
consent, and pricing UX were designed around one job: getting a team into the
right room with as few clicks and as little doubt as possible.

Tags: SaaS, Booking UX, Ember payments

Visual direction: A wide, bright shot of a booked meeting room on the
OfficeHub interface, the booking card and payment state visible mid-flow,
cursor hovering 'Confirm'.

Cover image: OfficeHub: workspace checkout with card, PayPal, Apple Pay and
iDEAL on a phone at Lake Geneva in Vevey

Demo video: OfficeHub phone demo: workspace checkout on officehub.ch, from the
booking form to the Apple Pay payment sheet

Case-study imagery:

- OfficeHub: Spaces for Rent with private room listings
- OfficeHub: Meeting Rooms page with amenities and rental options
- OfficeHub: Private Desks & Offices with priced workspace cards
- OfficeHub-branded invoice email rendered through the Ember themed mail
  pipeline: order lines, VAT and billing block

### Greenify / Sustainable Commerce & Community Platform

https://jvvdesign.com/projects/greenify · 2020 · product · strategy · client:
Greenify · role: Co-founder

Co-founded and led the digital presence, art direction, and platform
development for Greenify, an online ecosystem promoting sustainable product
alternatives and verification.

In depth: Built a comprehensive digital product and community platform from
the ground up. Directed the entire brand identity, user experience, and
technical infrastructure to bridge conscious consumers with verified
sustainable alternatives, streamlining product promotion, verification, and
sales into a unified ecosystem.

Tags: Sustainability, E-Commerce, Community Platform

Visual direction: Warm, tactile close-up photography of eco-friendly materials
paired with a crisp, modern mobile app UI displaying verified sustainability
metrics.

Cover image: Greenify: 'It's time to Greenify.' on a MacBook, an isometric
green island of products drifting among clouds and leaves

Case-study imagery:

- Greenify: isometric grid of the Green store mobile app screens
- Greenify: 'Browse for sustainable products' with the Green store categories
  and a 'For you' product grid
- Greenify: product detail for an Allbirds runner with the sustainability
  rating icons and colour options
- Greenify: 'Or try these alternatives' comparing TOMS and WILL'S below the
  Allbirds shoe, with product ratings
- Greenify: 'Join a community of over 50,000 green consumers' - the Explore
  feed with debates and posts around you

### Arkhangelsk / Cultural Identity Sprint & Urban Interventions

https://jvvdesign.com/projects/arkhangelsk-narfu · 2020 · brand · strategy ·
client: NARFU · role: Workshop Facilitator

An educational identity workshop and collaborative design sprint with NARFU
students to revitalize the cultural and visual identity of Arkhangelsk.

In depth: Facilitated a week-long immersive design sprint combining
anthropological field research with rigorous visual exploration. Uncovered the
tension between the city's traditional heritage and modern evolution,
delivering a bridging solution of cultural probes and festival-inspired urban
interventions to harmonize public perception.

Tags: Identity Design, Workshop, Cultural Design

Visual direction: Raw, atmospheric street photography of northern Russian
architecture juxtaposed with vibrant, abstract geometric festival graphics and
cultural probe cards.

Cover image: Arkhangelsk mood board: heritage craft, wooden architecture and
Soviet modernism in one grid

Case-study imagery:

- Workshop question slide: 'How can we help the people of Arkhangelsk to find
  meaning in this?'
- Micro-dwelling probe: compact kitchen interior study from the identity
  sprint
- Arkhangelsk: participants visiting a traditional wooden house with carved
  window surrounds and painted shutters
- Arkhangelsk: workshop conversation at the table of a traditional home with
  local hosts
- Arkhangelsk: painted wooden trays and toy figures in the traditional crafts
  collection
- Arkhangelsk: a historic wooden mansion dwarfed by Soviet apartment blocks -
  the city's layered identity
- Arkhangelsk: Soviet modernist housing block painted green and yellow
- Arkhangelsk: carved wooden church domes against the northern sky

### Jeugdlintje Eindhoven / Modular Honour Pin & Keepsake

https://jvvdesign.com/projects/jeugdlintje · 2019 - Present · product ·
products · client: Jeugdlintje Eindhoven · role: Product & packaging design ·
featured on the homepage

A redesign of the youth honour awarded in Eindhoven: a wearable zig-zag 'wave'
pin in metal or felt, presented on a laser-engraved birch plaque, so every
young laureate visibly joins one growing wave of good deeds.

In depth: Developed the award as a modular system: each laureate's wave
segment clips to the next, turning individual acts into a collective symbol
worn on the jacket. Took the concept from graduation studio to production,
with 3D-printed pin bases and box prototypes, material and cost development,
render studies and a ceremony-ready keepsake presentation.

Tags: Award Design, Product Design, Craft & Materials

Visual direction: A proud young laureate holding the engraved birch plaque
toward camera, the red felt wave pin centred and a metal wave clipped to the
collar.

Cover image: Jeugdlintje Eindhoven 2019: laureate holding the engraved birch
plaque with the red felt wave pin

Case-study imagery:

- Brass wave pin held between fingers, engraved with the laureate's initials
- Rendered wooden keepsake box with red felt wave inserts
- Chrome wave pin studio render on a warm neutral background
- Goalkeeper Isis holds her Jeugdlintje certificate and the wave pin box
  between the club mascot and the mayor in his chain of office
- The moment of the pinning: a young laureate laughs as the alderman clips the
  wave pin to her sweatshirt, her certificate in hand
- Rayan wearing his wave pin on a black tee, certificate in hand beside the
  alderman against the Superhelden mural
- Huub's Jeugdlintje celebrated with the whole care community in front of the
  Superhelden wall
- Top-down: the engraved brass 'DB' wave pin seated in the red felt inlay of a
  birch JEUGDLINTJE EINDHOVEN 2019 plaque, further award pieces beside it
- The 'TB' wave pin standing on the red felt backing board in warm sunlight

### Bever / Precision 3D-Printed Repair Hardware & Workflow

https://jvvdesign.com/projects/bever · 2025 · product · products · client:
Bever · role: Product Designer

Developed a custom 3D-printed connector component in collaboration with
business development to power Bever's centralized nationwide repair service.

In depth: Engineered a precision-tolerance physical part designed to press-fit
securely onto metal air compressor fittings. This custom hardware bridges
industrial tooling with universal Flextail outdoor rubber pump fittings,
enabling the national repair center to rapidly and securely pressure-test any
outdoor sleeping mat for leaks.

Tags: 3D Printing, Hardware, Precision Engineering

Visual direction: Macro product shot of a sleek, custom-engineered 3D-printed
adapter fitted onto a professional air compressor hose in an industrial
workshop setting.

Cover image: Bever 3D-printed repair connector pressed onto a compressed-air
chuck

Case-study imagery:

- Bever 3D-printed repair hardware: connector and air chuck
- Bever 3D-printed repair hardware: assembly detail
- Bever 3D-printed repair hardware: fitted connector

### FlintandSteel & CanxLab / Custom E-Commerce Ecosystem

https://jvvdesign.com/projects/flintandsteel-canxlab · 2025 · web · web ·
client: CanxLab · role: Frontend Engineer & Designer · featured on the
homepage

Developed and launched a high-performance e-commerce webshop powered by the
Pyro platform for CanxLab, featuring custom UI design and interactive mobile
tooling.

In depth: Engineered a robust, end-to-end digital commerce platform with
integrated payment and fulfillment pipelines. Spearheaded custom component
styling, robust SEO/analytics integration, managed hosting infrastructure, and
the innovative 'Can Editor' mobile experience to elevate user customization
and conversion.

Stack: Pyro, React, Three.js, Stripe

Tags: E-Commerce, Unique, Mobile UI

Visual direction: A sleek laptop and mobile screen mockup displaying a
high-conversion e-commerce checkout flow next to a custom interactive 3D
product configurator.

Cover image: CanxLab Can Editor: editing the 'Our special edition' label in
the text tab

Demo video: Editing demo: screen recording of the CanxLab Can Editor, from
typing label text to the 3D crushed-can view

Case-study imagery:

- CanxLab Can Editor: photo canvas with uploaded artwork and live 3D can
  preview
- CanxLab: 'Order received!' confetti celebration around a custom-designed can
- CanxLab Can Editor: empty print canvas with the 'Add or drag images and
  text' prompt
- CanxLab: fullscreen 3D can preview with Regular/Crushed toggle and View in
  AR
- CanxLab: crushed 3D can view of a finished custom design
- CanxLab: 'Een Blikje bier online bestellen' customer flow diagram from idea
  to order

### Ember / Payment & Booking Infrastructure

https://jvvdesign.com/projects/ember · Late 2026 · product · web · client:
Flint&Steel · role: Founder: architecture, design & development

Designed and built Ember, the self-hosted payment and booking rails that power
OfficeHub and the CanxLab webshop: checkout, Stripe Connect payouts,
calendars, and an admin dashboard, all without third-party SaaS lock-in.

In depth: Engineered the full transaction layer: passkey- and
password-authenticated dashboards, multi-currency order and payout pipelines
over Stripe Connect, availability calendars with pending/confirmed/cancelled
states, and live revenue analytics. The operator UI pairs dense financial
tables with calm, high-contrast dark-mode surfaces so day-to-day money and
booking management stays fast and unambiguous. Under the UI sits a
deterministic transactional mail system: Stripe webhooks, booking events and
the send API feed one themed renderer, so every invoice, refund and dispute
notice ships on-brand per tenant.

Stack: React, TypeScript, Node, Stripe

Tags: Fintech, Stripe Connect, Booking Rails

Visual direction: The Ember dashboard overview: revenue curve, order-status
charts, and a recent-orders table lit in the product's dark palette.

Cover image: Ember dashboard: revenue, orders and recent transactions overview

Case-study imagery:

- Ember: payouts with balances, status chips and transaction history
- Ember: booking calendars month view with colour-coded calendar lanes
- Ember: orders table with filters and payment status
- Ember: product catalogue with status chips, variants and price ledger
- Ember: customer book with order counts and account status
- Ember: settings surface pairing profile editing with password and passkey
  security
- Ember invoice email in the product's default theme: order lines, VAT and
  billing block rendered from demo order data
- Ember owner order-received notice: buyer, items and totals pulled from the
  order record

### DPD / SME Package Ordering & Shipping Portal

https://jvvdesign.com/projects/dpd · 2024 · web · design · client: DPD · role:
UX Designer · featured on the homepage

Worked as a core UX designer to architect a dedicated application channel and
streamlined ordering workflow enabling SMEs (MKB) to purchase shipping labels.

In depth: Spearheaded the end-to-end UX architecture from initial research and
conceptualization to detailed user flows, interactive prototyping, and user
testing. The resulting MKB-focused shipping tool proved so intuitive and
robust that it evolved into the foundational design system and core workflow
for general package ordering across DPD's entire ecosystem.

Stack: Mendix, Figma

Tags: Logistics, SME, UX Design

Visual direction: A dynamic mobile and desktop mockup sequence showing a
seamless, high-speed parcel label purchase flow for small business owners on
the go.

Cover image: DPD SME package-delivery flow on a hand-held iPhone over a laptop

Demo video: Demo: the SME parcel ordering flow on a laptop, from choosing a
parcel to printing the labels

Case-study imagery:

- DPD package-ordering screen mockup
- DPD MKB ordering: end-to-end user flow map
- DPD Zakelijk homepage: request a quote for 750-2,000 packages a year, with
  the account benefits listed beside the form
- DPD Direct versturen: recipient details and parcel weight choice with the
  live verzendlabels price sidebar
- DPD payment step: delivery choice, parcel summary, iDEAL and creditcard
  options behind 'Betaal en print labels'

### Sportcity / Multi-Club Membership Experience & Design System

https://jvvdesign.com/projects/sportcity · 2024 · web · design · client:
Sportcity · role: UX Designer

Contributed to the design system and UX concepts for Sportcity's multi-club
subscription model, engineering intuitive comparison and management workflows.

In depth: Designed flexible digital touchpoints for a complex tiered
membership structure. Created crystal-clear comparison, selection, and
cross-club management flows that empower users to seamlessly navigate between
premium, standard, and simple club tiers while maintaining brand consistency
across the entire digital ecosystem.

Tags: Membership, Subscription, Design System

Visual direction: Energetic, high-contrast lifestyle photography of modern
fitness spaces paired with a clean, modular UI selector for club tiers.

Cover image: Sportcity club-locator UI across three iPhone frames

Case-study imagery:

- Demo: the Sportcity club finder on a phone - searching 123 clubs across the
  Netherlands and browsing club cards

### MSN / Municipal Waste Logistics & Citizen Portal

https://jvvdesign.com/projects/msn · 2021–2024 · product · design · client:
Milieu Service Nederland · role: UX Designer · featured on the homepage

Core UX designer for a multi-year digital transformation project developing
complex internal operations software, the container emptying app, and the
'MijnMSN' citizen portal.

In depth: Translated intricate municipal waste procedures into streamlined
digital tools through rigorous stakeholder workshops and close developer
collaboration. Architected automated region scheduling based on legal
contracts, end-to-end pickup tracking, B2B trading overviews, contract
approval gates, and a smart purchasing analytics tool. Concurrently built the
consumer-facing 'MijnMSN' app to empower citizens with container scheduling
and route tracking.

Stack: Mendix, Figma, React

Tags: Municipal, Waste Management, Citizen App

Visual direction: A professional dashboard view displaying automated regional
scheduling maps, container tracking grids, and B2B material trading overviews.

Cover image: MSN workstation: three screens showing the collection-area map,
the Inkooptool with the best-buy supplier highlighted, and a draft agreement
beneath the Milieu Service Nederland wall sign

Case-study imagery:

- MSN prijslijst: rate grid per waste stream and collection frequency
- MSN Ledigingen app: UX journey map of the vacancy administration flows
- MSN AaPP prijslijst: zoekresultaat with product rates per collection
  frequency
- MSN Inkooptool: available suppliers for one vacancy at a glance, the best
  purchase option highlighted in green
- MSN Partnerportaal: Discussies overview with date, customer and partner
  filters for assessing vacancies
- MSN back-office: the daily 'Lopende taken' list with order statuses and
  per-row actions

### SKG-IKOB / Enterprise Certification & Inspection Suite

https://jvvdesign.com/projects/skg-ikob · 2021–2024 · product · design ·
client: SKG-IKOB · role: UX Designer

Involved from inception in the complex digital merger and system unification
of SKG and IKOB, building mission-critical internal applications for
certification bodies.

In depth: Designed and structured two core enterprise applications: the
Coördinatie App, which automates inspector scheduling, centralizes
certification data, and tracks material testing progress; and the Audit
Applicatie, which dynamic-loads daily checklists, manages internal review
loops, and exports strict regulatory compliance documentation meeting the
highest national certification standards.

Stack: Mendix, Figma

Tags: Enterprise, Certification, Audit

Visual direction: A high-end enterprise tablet UI mockup showing inspector
checklists and dynamic certification audit flows in a secure, professional
palette.

Cover image: Inspector on a housing construction site completing the SKG-IKOB
BRL 0703 checklist on a rugged tablet

Demo video: Screen recording of the SKG-IKOB Audit app: designing a BRL 0703
laboratory report checklist with review and release actions

Case-study imagery:

- Figma overview of the SKG-IKOB Audit app: checklist creation, review,
  management and inspection report screens
- More SKG-IKOB Audit app designs in Figma: templates, settings, sections and
  question editors for the laboratory report
- UX flow diagrams for checklist creation and version editing: design, review
  and reality-check release loop

### DOF architecten / Practice Website & Work Archive

https://jvvdesign.com/projects/dof · 2023 · web · web · client: DOF
architecten · role: Web design & development

A calm, image-led practice site for DOF architecten, an architecture and
urbanism studio, giving four distinct work fields one coherent, browsable face
at dof-architecten.nl.

In depth: Set the studio's own craft front and centre: full-bleed aerial
project photography that dissolves into hand-drawn isometric line work, a
single confident type hierarchy, and four service cards (Architectuur,
Stedenbouw, Productontwerp, Linkeroever) that make the practice's range
legible in one glance. Copy stays minimal and Dutch, letting the projects
carry the page.

Tags: Architecture, Brand Website, Editorial Layout

Visual direction: Full-bleed aerial shot of a DOF timber project with the four
work-field cards floating over it.

Cover image: DOF architecten live homepage: aerial project photography with
the four work-field cards

Case-study imagery:

- DOF architecten: hand-drawn isometric hero illustration over the service
  cards

### IWB / Micro-Urban Infrastructure Charrette

https://jvvdesign.com/projects/iwb · 2018 · product · strategy · client:
Institute Without Boundaries · TRCA · Mass Timber Institute · role: Design
researcher

A five-day design charrette with George Brown's Institute Without Boundaries,
the Mass Timber Institute and the Toronto Region Conservation Authority at
Bolton Camp, inventing the 'missing micro' of the urban fabric: modular
mass-timber micro-infrastructure for retail, work, housing and education.

In depth: Built the precedent research (Penguin Pick-up pop-ups, Ontario
Place, tiny-home structures), shaped user insight into student persona films,
and documented the generative, systems-inspired SIMS design method in a
self-published process booklet, 'Changing the Line', bridging modular
kit-of-parts thinking and practical waterfront micro-structures.

Tags: Urban Innovation, Mass Timber, Charrette

Visual direction: An exploded isometric of a compact mass-timber micro-unit on
a green waterfront clearing, people using it as shop, studio and shelter.

Cover image: Micro-urban Infrastructure Ideation Charrette brief: IwB, TRCA
and Mass Timber Institute

Case-study imagery:

- 'Changing the Line' process booklet cover by Jan-Willem Olivier van Vulpen
- Persona film frame: research cards laid out for the charrette

### Farmfrites / Global Foodservice Website & Product Discovery UX

https://jvvdesign.com/projects/farmfrites · 2025 · web · design · client: Farm
Frites International · role: UX Designer - full site design

Designed the complete UX of the live farmfrites.com: the global digital
flagship of one of the world's largest french-fry producers, turning a 100+
product foodservice catalogue, an inspiration hub and a farmer portal into one
intuitive site shipped across 28 region/language editions.

In depth: Took the full site architecture from research to shipped design on a
headless Storyblok/Next.js stack: a product finder that lets chefs and
distributors search by occasion (Authentic & Rustic, Bites to Share, Delivery
& Take-Away, Fast Preparation, Menu Variation, Value Creators), product
category, range and cut size; branded range carousels that make the portfolio
legible in one glance; an Inspiration hub of 44 recipes and news with the same
chip-filter model; and lead-capture flows for the Serve magazine, the
Sustainability Report 2025 and the product catalogue. One rounded,
produce-fresh design language scales to every market through a region and
language selector, with a farmers login, careers and contact lanes completing
the journey.

Impact: Live at farmfrites.com across 28 regional editions, serving
foodservice entrepreneurs in more than 100 countries.

Stack: Figma, Next.js, Storyblok

Tags: Foodservice, Product Discovery, UX Design

Visual direction: The live farmfrites.com homepage hero: the Serve magazine
spread on the brand's green canvas with the curved cream break below.

Cover image: Farmfrites.com live homepage: the 'Read serve.' magazine hero in
the brand's green, with the product nav and 'Get in touch' CTA

Case-study imagery:

- Farmfrites: 'Choose region and language' selector - one design shipped to 28
  global markets
- Farmfrites product finder: occasion chips (Authentic & Rustic, Bites to
  Share, Delivery & Take-Away, Fast Preparation, Menu Variation, Value
  Creators) above category, range and cut-size filters with 100 products in
  the grid
- Farmfrites homepage product ranges carousel: Chef's Specials Crispy Coated,
  Appetizers, Finest and Sweet Potato Fries range cards
- Farmfrites Recipes hub: 44 inspiration items filterable by Fries,
  Appetizers, Potato Specialties, Loaded Fries and Vegetarian
- Farmfrites Serve magazine download: gated form with country, name, company
  and email consent for lead capture