const { useState, useEffect, useRef, useMemo } = React; // --- Icons --- const Icon = { arrow: (p) => , arrowDown: (p) => , arrowRight: (p) => , close: (p) => }; // --- Top nav --- function TopNav({ section, onNav, onQuote, theme, onToggleTheme }) { const items = [ { id: "work", label: "Work" }, { id: "capabilities", label: "Capabilities" }, { id: "about", label: "About" }, { id: "contact", label: "Contact" }]; return ( ); } // --- Hero --- function Hero({ onQuote, onScrollWork }) { return (
Booked through early 2027 Expanding the queue — let's talk

Robotics-led product development concept → manufacture

I help founders prove concepts, build prototypes, and design products ready for production — bridging the gap between a workbench sketch and a manufacturable unit.

BasedUnited Kingdom
ClientsFounders · Startups
Shipped10+ projects
); } function Marquee() { const items = ["Mechanical design", "Robotics", "Electronics", "Design for manufacture", "Prototyping", "PCB design", "Firmware"]; const doubled = [...items, ...items]; return (
{doubled.map((t, i) => {t} ✦ )}
); } // --- Featured work --- function FeaturedWork({ projects, onOpen }) { return (
01 — Selected work

Projects, shipped and in progress.

Click any row to open a detailed case.

{projects.map((p) =>
onOpen(p.id)}> {p.num} / {String(projects.length).padStart(2, "0")}

{p.title}

{p.tag} {p.year} {p.discipline.slice(0, 2).map((d) => {d})}
{p.title} View case
)}
); } // --- Capabilities --- function Capabilities() { const caps = [ ["Mechanical", "CAD, DFM, machining, tolerance analysis", "01"], ["Electronics", "Custom PCBs, firmware, low-power design", "02"], ["Robotics", "Motion systems, gantries, controls", "03"], ["Product", "Prototype to market, supplier handoff", "04"]]; const steps = [ ["Discover", "Understand the problem, constraints, and commercial shape."], ["Prototype", "Rapid first-principles builds to de-risk the concept."], ["Refine", "Tolerance, DFM, and iteration informed by real testing."], ["Deliver", "Handoff with drawings, BOMs, and a supplier-ready package."]]; return (
02 — Capabilities

A full stack, from first sketch to first unit.

Four disciplines, one workshop, one accountable person.

{caps.map(([t, d, n]) =>
{n} / 04

{t}

{d}

)}
{steps.map(([t, d], i) =>
{String(i + 1).padStart(2, "0")}
{t}
{d}
)}
); } // --- Drawer --- function ProjectDrawer({ project, onClose, onNext, onPrev }) { useEffect(() => { if (!project) return; const onKey = (e) => { if (e.key === "Escape") onClose(); if (e.key === "ArrowRight") onNext(); if (e.key === "ArrowLeft") onPrev(); }; document.body.style.overflow = "hidden"; window.addEventListener("keydown", onKey); return () => { document.body.style.overflow = ""; window.removeEventListener("keydown", onKey); }; }, [project, onClose, onNext, onPrev]); if (!project) return null; return (
e.stopPropagation()}>
{project.num} / {project.tag} {project.year}
{project.title}

{project.title}

{project.summary}

{project.stats?.map((s, i) =>
{s.k} {s.v}
)}

Project notes

{project.details.map((d, i) =>

{d}

)}
{project.discipline.map((d) => {d})}
{project.link && {project.link.label} }
); } // --- Archive --- function Archive({ projects }) { const disciplines = useMemo(() => { const s = new Set(); projects.forEach((p) => p.discipline.forEach((d) => s.add(d))); return ["All", ...Array.from(s)]; }, [projects]); const [filter, setFilter] = useState("All"); const [view, setView] = useState("grid"); const filtered = filter === "All" ? projects : projects.filter((p) => p.discipline.includes(filter)); return (
03 — Archive

Past client work, Personal Products, University Coursework.

{disciplines.map((d) => )}
{view === "grid" ?
{filtered.map((p) =>
{p.title} {p.discipline[0]}

{p.title}

{p.discipline.map((d) => {d})}

{p.summary}

{p.link && {p.link.label} }
)}
: }
); } // --- About --- function About() { return (
04 — About

One engineer, end-to-end.

No account-management layer. Just the person doing the work.

Ewan Wills Studio · 2025
"The shortest path between idea and object."

I'm Ewan Wills — a product developer with a background in robotics engineering.

What is product development? It's how I take your ideas to manufacture so you can take them to your industry. I specialise in robotics and design for manufacture — and with a bit of business knowledge, I bridge the gap between founders and manufacturers.

My clients usually come to me when they're looking to prove a concept prior to funding, or trying to develop a prototype into a manufacturable product.

Currently I'm looking to expand my clientele by speaking to founders and startups. If you have an idea or concept you'd like to develop further, get in touch.

{[ ["Concept → Prototype", "Feasibility studies, first-principles builds, fast iteration."], ["Prototype → Product", "DFM, tolerance analysis, supplier handoff."], ["Robotics & Motion", "Custom rigs, gantries, controls."], ["Electronics", "Custom PCBs, firmware, low-power design."]]. map(([t, s]) =>
{t} {s}
)}
); } // --- Contact --- function Contact() { const [form, setForm] = useState({ name: "", email: "", company: "", stage: "concept", budget: "", message: "" }); const [errors, setErrors] = useState({}); const [sent, setSent] = useState(false); const [submitting, setSubmitting] = useState(false); const captchaRef = React.useRef(null); // Render the hCaptcha widget once the API script is ready, into a stable // div ref. Re-rendering the whole form on every keystroke would otherwise // tear the iframe down. useEffect(() => { let cancelled = false; let widgetId = null; const tryRender = () => { if (cancelled) return; if (!window.hcaptcha || !captchaRef.current || !window.HCAPTCHA_SITE_KEY) { return setTimeout(tryRender, 200); } if (captchaRef.current.dataset.rendered) return; captchaRef.current.dataset.rendered = "1"; widgetId = window.hcaptcha.render(captchaRef.current, { sitekey: window.HCAPTCHA_SITE_KEY }); }; tryRender(); return () => { cancelled = true; if (widgetId !== null && window.hcaptcha) { try { window.hcaptcha.remove(widgetId); } catch (e) {} } }; }, []); const update = (k) => (e) => { setForm({ ...form, [k]: e.target.value }); if (errors[k]) setErrors({ ...errors, [k]: null }); }; const submit = async (e) => { e.preventDefault(); const errs = {}; if (!form.name.trim()) errs.name = "Your name is required."; if (!form.email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) errs.email = "Please enter a valid email."; if (form.message.trim().length < 10) errs.message = "Tell me a little about the project (10+ chars)."; setErrors(errs); if (Object.keys(errs).length > 0) return; const captchaToken = window.hcaptcha ? window.hcaptcha.getResponse() : ""; if (window.HCAPTCHA_SITE_KEY && !captchaToken) { setErrors({ ...errs, captcha: "Please complete the captcha." }); return; } setSubmitting(true); try { const res = await fetch("/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...form, captchaToken }), }); if (!res.ok) throw new Error("send failed"); setSent(true); setTimeout(() => setSent(false), 8000); setForm({ name: "", email: "", company: "", stage: "concept", budget: "", message: "" }); if (window.hcaptcha) window.hcaptcha.reset(); } catch (err) { setErrors({ submit: "Couldn't send — try again, or email contact@ewanwills.co.uk." }); } finally { setSubmitting(false); } }; return (
05 — Contact

Let's build something.

Have a product or concept you'd like to develop? Tell me the shape of it — stage, constraints, timeline — and I'll come back with next steps.

  • Email contact@ewanwills.co.uk
  • Based United Kingdom · Remote worldwide
  • Working with Founders · Startups · Small teams
  • Typical reply Within 48 hours
  • Open for New projects, May 2026
Budget (optional)
{["< £5k", "£5 – 15k", "£15 – 40k", "£40k +", "Unsure"].map((b) => )}