Welcome.

Product designer, six years deep in mapping and geospatial work for technical industries: aviation, agriculture, horticulture, and aerial firefighting.

Role titles are getting less rigid, and breadth is beating specialisation. It's a great time to be a super IC, one who works well with ambiguity and turns small things into significant ones, fast.

Outside work, I run Dunedin's Product Meetup and side hustle a Leatherworks Studio.

Currently using AI to take raw, vague ideas into finished, development-ready prototypes. Getting closer to production every day.

Case Studies

The work I've shipped or built, carried end to end. Open any one to read the full story.

Across The Product Arc

I carry products end-to-end, and AI is what makes that possible solo. Open any stage to see how I work it.

Read more
Line diagram: research and synthesis converging on the core problem

Every project starts close to the user, out in the field. I run interviews and synthesis to find the real problem worth solving before a pixel is drawn.

  • Pilot & field interviews
  • Contextual observation
  • AI-assisted synthesis
  • Jobs-to-be-done framing
  • Competitor teardown
  • Problem definition
Read more
Line diagram: zeroing in on the target and success criteria

Discovery becomes a plan everyone can act on. I draft the spec, align stakeholders, and set the success criteria before design starts.

  • Spec & PRD drafts
  • Stakeholder alignment
  • Scope & prioritisation
  • Success metrics
  • User stories
  • AI-assisted PM work
Read more
Line diagram: a layered design system with reusable components

This is where I'm deepest, with five years of SaaS and mobile UX behind it. I work in systems rather than screens, so the design holds up as the product grows.

  • SaaS & mobile UX/UI
  • Design systems & tokens
  • Interaction & flows
  • Hi-fi prototyping in Figma
  • Accessibility & states
  • Visual polish
Read more
Line diagram: building working prototypes in code

Designs become real here, in code rather than mockups. I build working prototypes with AI-paired coding so ideas can be tested for real.

  • HTML / CSS / JS by hand
  • Claude Code & Cursor
  • AI-paired coding
  • Functional prototypes
  • Technical spikes
  • Feasibility checks
Read more
Line diagram: a validate-and-iterate feedback loop

Nothing ships on assumptions. I put the work in front of real users and pressure-test it against edge cases, devices, and the states that usually get skipped.

  • Usability testing
  • Edge cases & empty states
  • Cross-device checks
  • Implementation QA
  • Bug & polish tracking
  • Feedback loops
Read more
Line diagram: an upward trajectory to launch

The last mile is the part I refuse to drop. I drive the polish from the Figma file through to production and out the door.

  • Dev handoff
  • Last-mile polish
  • Release QA
  • Launch readiness
  • Post-launch fixes
  • Measuring impact

What's On My Toolbelt

The tools I use to carry an idea down the pipeline - from vague concept to something you can actually click.

Figma Visual experiments, interactive prototypes, and new component design. The canvas where most ideas take their first shape.
Claude My research partner - plugged straight into where the work lives: email, CRM, analytics, and the document library. It pulls context from all of them, so research starts with the full picture instead of a blank page.
Windsurf High-fidelity prototyping: data-heavy mockups, real animation, and testing against component libraries. Where a static design starts behaving like the real product.
Notion Note-taking and personal knowledge base. Where references, project notes, and half-formed ideas get captured, connected, and kept findable.
Loading Dock A to-do list I built for myself in Electron - tasks, important links, and the day's priorities pass through one place, and nothing sticks around longer than it needs to.

Experiments

Try, fail, try again. Smaller things I have built to test an idea - go have a play.

GeoPic

Mapping, Geospatial, and a rough introduction to AI.

RelatioCarta

Geospatial news - a project that almost worked.

Knowledge Map

I have a lot of specific domain knowledge, and this is my way to illustrate that.

Knowledge Tree

A radial-tree view of my domain knowledge across aviation, agriculture and mapping.

Fish Game

Boids and beating my head against a wall.

Exploding Skittles

A quick mindless game I made while I was procrastinating.

Contact Me

I am currently open for work.

Whether you are just browsing or interested in what I do - I would love to spin a yarn. Contact me at griffhadland@gmail.com.