Ian Bruce
Portfolio

Building frontend experiences at the intersection of design and code.
Scroll to explore the projects.

2025 · GSAP

Ready2Stack

Ready2Stack - bipolar plate (BPP) solution engineered to facilitate efficient electrolyser stack assembly and operation. Designed both for optimum performance and ease of use, it is a drop-in solution for electrolyser and fuel cell manufacturers.

GSAPOwl CarouselJavaScriptAccessibility (WCAG / ARIA)
View project
Ready2Stack — animation showing stack assembly
Ready2Stack — home page showing product overview
Ready2Stack — mobile view showing product overview
Ready2Stack — mobile view showing product overview 2
2025 · JavaScript

Outward VC

Outward VC is an early-stage venture capital firm that supports businesses at a critical and often challenging point in their growth. Following a recent rebrand, they needed help bringing their new identity to life on their website. We worked with Outward to apply their bold new colour palette and typographic style, while also enhancing the site's structure to create clearer, more distinct user journeys.

JavaScriptGSAPOwl CarouselZapierAccessibility (WCAG / ARIA)
View project
Outward VC — home page showing company overview
Outward VC — mobile view showing company overview
Outward VC — mobile view showing company overview
2025 · CSS Variables

DISAUTHORITY

Disauthority are a production + post-production studio that facilitates narrative-led content. They needed a website that showcased the breadth of their work whilst letting the work speak for itself. We wanted the site to be clean but have a disruptive aesthetic to reflect the work and also the personality of the team.

CSS VariablesJavaScriptOwl Carousel
View project
DISAUTHORITY — animation showing CSS theme transitions
DISAUTHORITY — variable font specimen interface
DISAUTHORITY showing weight axis range
DISAUTHORITY showing weight axis range
2024 · PHP

Hive

The Hive is a creative studio complex where like-minded individuals share state-of-the-art spaces to collaborate, produce, and showcase their work. they needed a website that helped express this ambition, showcase facilities and give a platform to the amazing creators they work with.

PHPJavaScriptGruntSCSS
View project
Hive — video showcasing the studio spaces
Hive — desktop menu view
Hive — mobile view showing facilities
Hive — mobile view showing facilities
2024 · PHP

String Systems

String systems are business technologists at heart. And they have been since 1997, when it all began. They support their clients by building, delivering, and implementing IT strategies that achieve the best business outcomes.

PHPJavaScriptSCSSAccessibility
View project
String Systems — video showcasing animation in pageheader
String Systems — desktop view showing page header.
String Systems — mobile view showing page header.
String Systems — mobile view showing page header.
2022 · Vue.js

National Sparks

The National Sparks Department is an extension of Back Forty cannabis company. The objective of this website was to provide adult users with whimsical age gated fodder including playlists, excuse generators, newsletter articles, tattoo ideas, etc. to pair with their cannabis experiences.

Vue.jsNuxt.jsSCSSAccessibility
View project
National Sparks — home view on desktop.
National Sparks — find an activity view on desktop.
National Sparks — excuse generator view on desktop.

Get in touch

Let's build
something together.

Open to freelance projects, collaborations, and interesting conversations.

brucegordonian@gmail.com