Components

Interactive

Buttons

TEXT

Default

btn

Button

TEXT

Default + Icon Right

btn

Button

TEXT

Default + Icon Left

btn

Button

TEXT

Secondary

btn

Button

Secondary

Secondary + Icon Right

btn

Button

Secondary

Install App

Secondary + Icon Left

btn

Button

Secondary

Text

Text Link

All Links

Forms

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Accordion

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading

Modal

Slider (static)

MARQUEE

Teams trained here work with:

TABS

Tab 1

Tab 2

Tab 3

Content

Breadcrumb

Eyebrow

LORUM IPSUM

Icon

1 EM

icon

Icon

Small

icon

Icon

Medium

icon

Icon

Large

icon

Icon

1 EM

icon

Icon

Small

icon

Icon

Medium

icon

Icon

Large

icon

Icon

Image

Inherit

Image

Inherit

16x9

Image

16x9

4x3

Image

4x3

1x1

Image

1x1

Card

Simple

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Actionable

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Red sailboat sailing on a calm blue sea with fluffy white clouds in the sky.

Link cover

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Heading

TESTING

Rich Text

Plain Text

This is some text inside of a div block.

Global

Nav

Footer

Winter 2025/26 workshops now open.
‍hamish@hux.works
‍+44 (0)7832 839 543

Build mode

Section

Grid

List

Spacer

Border

CALLOUT

color-primary-500:#1A3FB5

Prevent style clean up

This is where you can store elements and classes used in custom code to prevent their classes/styles from being cleaned up.

THE JOURNEY

LEARN BY DOING

THE PROBLEM

You know what needs to happen. You can't make it real. Every change needs a developer. Every fix needs a ticket. By the time it ships, the moment's gone. You're a designer waiting on permission to design.

THE METHOD

I teach designers to build. No slides. No theory. You work on real projects from hour one—your brand, your layouts, your site. By the end of the week, you're shipping production work independently. AI handles the grunt work. You make the decisions.

THE OUTCOME

Hey! What? went from Wix dependency to £60k in new Webflow revenue within two months. One designer got promoted to Senior. The training paid for itself on the first project.

DESIGN TOKENS

1

SPRING / SUMMER

2

Circular diagram illustrating a cyclical process with four steps: Discover, Assess, Prioritise, Act, linked to data, insight, behaviour, and action around the themes of materiality and partnership.

SPRING / SUMMER

3

SPRING / SUMMER

4

SPRING / SUMMER

5

GEEK OUT

1 technically curious designer

You're tired of waiting on developers for every decision. You know what needs to happen but can't make it real. You want to move as fast as you think.

FLOW STATE

2 design curious engineer

Your design work doesn't hold under pressure. Strategy exists, system doesn't. Good work gets compromised between concept and delivery. You want the language to close that gap — without a career switch.

PRODUCTION PRIMED

3 PRO PRODUCT
MANAGER

You sit between design and engineering and spend more time in translation than in decision making. The system should make that easier. Right now it makes it slower. You want a shared foundation that means every conversation starts further forward.

WHO IT'S FOR

Designers who want control.
Organisations that need infrastructure

AM TO PRO

1 In-house product and design teams

Teams responsible for shipping and maintaining digital products inside growing organisations. Move faster without sacrificing quality, accessibility or long-term maintainability.

TYPICAL PROBLEMS:

Design decisions stuck in Figma
Over-reliance on engineering for basic changes
CMS structures that don't scale
Inconsistent UI patterns across products

ENTERPRISE

2

Small to mid-sized agencies

Agencies looking to increase margin and delivery speed by upskilling existing teams rather than hiring more people.

TYPICAL PROBLEMS:

Selling hours instead of systems
Rebuilding similar sites repeatedly
Handover friction between design and development
Difficulty pricing with confidence

WHY NO-CODE, WHEN USED PROPERLY

Speed through skill, not just software

No-code shifts where effort is spent.
‍
From rebuilding to reusing.
From handover to ownership.
From hours to outcomes.

It allows teams to:
• Attract clients who pay for value, not time
• Ship work independently
• Advise clients with confidence
• Build products methodically, not reactively

The advantage isn't the tools. It's the judgement behind them.

AI tools enable fast prototyping. But they create tool dependency, not capability. Vibe coding gets you to a prototype. It doesn't get you to production.

Technical skills that compound. Skills that outlast any single tool.

VARIETY PACK

WHAT TEAMS CAN BUILD

Marketing websites

Purpose-built sites that explain what you do, why it matters and what happens next. Clear structure, no theatrics.

Blogs and content sites

Content-driven websites with dynamic content. Easy updates, blog management.

Landing pages

High-converting landing pages for campaigns, events, product launches.

E-commerce stores

Fully functional online stores. Product listings, shopping carts, checkout processes.

Portfolio sites

Visually strong portfolios for designers, photographers, artists to display work.

Membership sites

Gated content sites where users sign up and access exclusive content or services.

Custom web apps

Extended with third-party tools to create interactive web applications.

Clients dashboards

Customised dashboards or interfaces for clients to manage or view specific data.

WINTER 25/26

Three levels. One path.

1 DAY

ESSENTIAL

Foundation. Basics.

What you learn:

The box model, HTML fundamentals
Webflow's Designer interface
Sections, containers, divs
CSS positioning, elements, components
Typography and accessibility basics

What you ACHIEVE:

Build and publish your own responsive website from scratch
Solid no-code foundation for future projects
Technical fundamentals that compound

SCHEDULE ESSENTIAL

2 DAYS

STANDARD

Behaviour, logic, scale.

What you learn:

All essential content, plus:

Interactions and animations
Dynamic content (CMS)
Content-rich builds that remain manageable
Design decisions made with reuse in mind

What you ACHIEVE:

Create interactive websites with animated elements
Develop and manage complex, content-rich projects
Deliberate use of interaction and motion

SCHEDULE STANDARD

3 DAYS

BEST-IN-CLASS

Professional product level.

What you learn:

All standard content, plus:

API integrations (AirTable, Zapier, HubSpot)
Design systems: functional and perceptual patterns
3D: three.js integration
AI engineering, prompt optimisation

What you ACHIEVE:

Build powerful, integrated web applications with scalable design systems
Create immersive 3D experiences
Confident use of APIs and automation where they add value
Exposure to AI workflows, used with restraint

SCHEDULE BEST-IN-CLASS

HELLO, I'M HAMISH

MEET YOUR
TEACHER

16 years experience. Self-taught. Former professional snowboarder.

I teach hands-on. No theory. You build a real site from day one. Play is the engine that powers learning.

Students tell me the workshop changed their career trajectory. Jonny Crockett went from designer to Senior Digital Designer after the course—his MD called him "a Swiss Army knife in the studio."

You're better than you think you are. This course proves it.

Close-up of Hamish Duncan wearing a beanie, ski goggles on his forehead, and a warm jacket in a snowy outdoor setting.

WINTER 25/26

Three levels One path

BOOK AN INTRO

1 DAY

ESSENTIALS

Learn responsive web design fundamentals with Webflow training that builds real projects

Build a simple homepage from scratch

Clear understanding of layout and structure

Foundation that can be reused across projects

2 DAYS

STANDARD

Advanced Webflow workshop covering interactions, fast class naming, CMS, and design system principles

Components and reusable elements that scale

Deliberate use of interaction and motion

Design decisions made with reuse in mind

3 DAYS

Best-in-class

Professional design systems training with API integration and advanced Webflow development

Connect to external APIs and data sources

Interactions with VS Code and Three.js integration

Exposure to 3D and AI workflows, used with restraint

WHO IT'S FOR

technically curious designer VS design curious engineer

GEEK OUT

BREAKDOWN TABLE

Let's break this down

Essential

Standard

Best-in-class

The box model, HTML, the designer, sections, containers and divs

CSS positioning, elements, components

Typography and accessibility

Interactions and animations

Dynamic content (CMS)

API integrations

Design systems and pattern libraries

3D (three.js), AI engineering

Components

Interactive

Buttons

Default

Default + Icon Right

Default + Icon Left

Secondary

Secondary + Icon Right

Secondary + Icon Left

Text Link

Forms

Thank you for your submission!

Thank you for your submission!

Accordion

Heading

Heading

Heading

Heading

Modal

Slider (static)

The steady center

Signal through noise

Foundation beneath

Flow state

The long view

MARQUEE

Teams trained here work with:

TABS

Tab 1

Tab 2

Tab 3

Content

Breadcrumb

Eyebrow

Icon

1 EM

Small

Medium

Large

1 EM

Small

Medium

Large

Image

Inherit

16x9

4x3

1x1

Card

Simple

Actionable

Link cover

Heading

TESTING

Rich Text

Plain Text

Global

Nav

Footer

Build mode

Section

Grid

List

Spacer

Border

CALLOUT

Prevent style clean up

LEARN BY DOING

THE PROBLEM

THE METHOD

THE OUTCOME

THOUGHTS

THOUGHTS

ARTICLES

1

2

3

4

5

1

PRO PRODUCT
MANAGER

Designers who want control.
Organisations that need infrastructure

PRO PRODUCT
MANAGER

MEET YOUR
TEACHER