InnCodeDesign Engineer — Portfolio 2026

000%

Loading the IndexDesign · Build · Orchestrate
Skip to content
InnCode

Design Engineer — Available for projects

Design thatships.

I'm Giovanni — a designer by training and a builder by trade. I design interfaces and bring them to life on WordPress, Framer, Webflow and Next.js, orchestrating AI tools to go from idea to live site with craft and speed.

View the work Start a project
  • + 01 Design
  • + 02 Build
  • + 03 Orchestrate
  • Fig. 00 — Study in contours

01 — About

Back to design.

Fig. 01 — Study in contours

A background in product design, then more than a decade shipping production platforms for agencies in Italy and the UK. Writing code made me fast and precise. AI tools have now given me something better: the time to focus on design again. I work end to end, from the first wireframe to the live site.

  • 10+Years in production
  • 10Agency partners
  • 100+Projects delivered

02 — The Index

The Index.

Every project, catalogued.

All projects
01Countwell — homepageCountwellUI/UX, Art Direction, TemplateFramer · Own template · 2026
02Digital Mindfulness — homepageDigital MindfulnessUI/UX, DevelopmentAstro · Archetipi Digitali · 2026
03Un Ponte Per — homepageUn Ponte PerDevelopment, CMSOxygen · Latte Creative · 2024
04De Rossi Oftalmica — homepageDe Rossi OftalmicaDevelopment, CMSWordPress · Nehos · 2018
05Oikos — homepageOikosDevelopment, CMSWordPress · Nehos · 2020
06MisterGo — homepageMisterGoDevelopment, CMSWordPress · Nehos · 2018
07i-Total — homepagei-TotalDevelopment, CMSWordPress · Nehos · 2022
08Compass Distribution — homepageCompass DistributionDevelopment, CMSWordPress · Nehos · 2023
09Orca — homepageOrcaDevelopment, CMSWordPress · Nehos · 2023
10Atlantis Headwear — homepageAtlantis HeadwearDevelopment, CMSWordPress · Nehos · 2023
11Able Automation — homepageAble AutomationDevelopment, CMSWordPress · Nehos · 2024
12FVMM — homepageFVMMDevelopment, CMSWordPress · Archetipi Digitali · 2025
13Lisa Servizi — homepageLisa ServiziDevelopment, CMSWordPress · Nehos · 2024

03 — Approach

Three verbs. One practice.

  1. Design[01]

    01 / 03

    It starts with structure, type and rhythm. I trained as a designer, and every project begins on the canvas — not in the code editor.

    • UI
    • UX
    • Art direction
    • Type systems
    • Design systems

  2. Build[02]

    02 / 03

    Ten years of shipping production sites taught me which tool fits which job. WordPress for editorial control, Framer and Webflow for speed, Astro and Next.js when it needs to be bespoke.

    • WordPress
    • Framer
    • Webflow
    • Astro
    • Next.js

  3. Orchestrate[03]

    03 / 03

    Today I direct AI the way a studio lead directs a team. Claude Code handles the heavy lifting; I keep the taste, the decisions and the details.

    • Claude Code
    • Agentic workflows
    • Review

04 — Services

What I do.

One partner for design and build — for agencies, studios and brands.

  1. 01

    Web design & UX

    Information architecture, user flows, wireframes and UI design, with a clear visual voice.

  2. 02

    Websites end to end

    From brief to go-live: structure, design, build, QA and launch, with one point of contact.

  3. 03

    Framer & Webflow

    Marketing sites and templates with CMS, interactions and responsive behaviour, ready for the client to edit.

  4. 04

    Custom WordPress & e-commerce

    Bespoke themes without page builders, ACF content builders, WooCommerce, multilingual sites and complex catalogues.

  5. 05

    Headless & web apps

    Astro, React and Next.js frontends on Contentful, Sanity, Strapi or WordPress, via REST and GraphQL.

  6. 06

    White-label for agencies

    Design-to-code and full builds inside your team, under your brand and processes.

  7. 07

    Motion & interaction

    GSAP and JS animations, micro-interactions and transitions that give a site its character.

  8. 08

    Care & optimisation

    Performance, accessibility and SEO foundations, migrations and maintenance of live sites.

05 — Toolkit

The toolkit.

  • Figma
  • Framer
  • Webflow
  • WordPress
  • Astro
  • Next.js
  • GSAP
  • Claude Code
01 — Design
  • Figma
  • Design systems
  • Prototyping
  • Art direction
02 — Platforms & CMS
  • WordPress
  • WooCommerce
  • Framer
  • Webflow
  • Contentful
  • Sanity
  • Strapi
03 — Frontend
  • Next.js
  • React
  • Astro
  • Tailwind CSS
  • GSAP
  • REST & GraphQL
04 — Orchestrate
  • Claude Code
  • Agentic workflows
  • Git
  • Vercel
  • Netlify

06 — Contact

Have something in mind?

Templates, websites, interfaces. Let's make it considered.

hello@inncode.dev

Let's make your idea real.