name

subject

text

activity

country

aboutMe

file

Country

aboutSelf

project

requires

needCompleted

email

position

position.

To schedule a meeting, email me at

Most notes get a reply inside a day. Sometimes life is slower. We can live with that.

Need a word, a second opinion, or just a hello?

Got a brief, need a partner, or want to build together?

If you want a seat on a hard brief, send the story — not a generic cover letter.

SLATE AND WIRE

Creative Dev

Services

Selected Projects

React

Prismic

WebGL

GSAP

Technology

Awwwards

CSSDA

Awards / Features

Commercial Web

Ruby on Rails

Webflow

Shopify

Half open social layer, half private tool — tying a split US home industry togetherMarketing Site: <a target="_blank" rel="noopener" href="https://welcomeome.com/users">welcomeome.com</a>

The Quarry House

Eleni Eleftheriou’s edit of objects from Greek makers, each with a storyDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://www.syndesicollection.com/">syndesicollection.com</a>

SYNDESI

Matthew Fisher 2022

SNDS

Syndesi

Company site for a Washington consultancyDesign: <a target="_blank" rel="noopener" href="https://www.makereign.com/">MakeReign</a> View live: <a target="_blank" rel="noopener" href="https://www.capitalgroupdc.com/">capitalgroupdc.com</a>

Capital Group helps clients hit business goals through consultancy and day-to-day management.

Capital Group

Emma is Social

React Native

Next.js

Typescript

Python

Django

A platform for guided breath sessionsDesign: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> Marketing Site: <a target="_blank" rel="noopener" href="https://findyourvana.com/">findyourvana.com</a>

A wellness app built around guided breath sessions

VANA

CUSP

First public build for a Czech crypto start-up

COIN.MOM

COIN

Commerce stack for a long-running Egyptian sportswear retailerDesign: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> View live: <a target="_blank" rel="noopener" href="https://fitsole.shop">fitsole.shop</a>

Fitsole

FTSL

Digital Products

The FWA

Three.js

A public reel of a Los Angeles cinematographer’s workDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://eringwesley.com">eringwesley.com</a>

Several gallery modes for Los Angeles cinematographer Erin G. Wesley.

Erin Wesley

Reclaim Your DNA

Stone work by New York artist Matthew Fisher, on the web Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://mfisher.heycusp.com">mfisher.com</a>

First site for artist Matthew Fisher — the start of a longer run that produced two more builds and a few hard technical answers.

Matthew Fisher

MFv1

Matthew Fisher 2021

An interactive website for Nigerian Trophy Stout&#39;s social campaignDesign: <a target="_blank" rel="noopener" href="https://www.makereign.com/">MakeReign</a> View live: <a target="_blank" rel="noopener" href="https://reclaim-your-dna.slateandwire.com/">reclaimyourdna.com</a>

Trophy Stout’s campaign site pressing Western museums to return Nigerian works.

R_Y_D

Web presence for a Canadian digital design studioDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://heycusp.com">heycusp.com</a>

CUSP is a spread-out craft team that builds digital work for current companies. Even a good cobbler needs a pair that fits — this site is that pair.

CUSP Site

An interactive room for New York stone artist Matthew Fisher Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://mfisher-apollonas.com/">mfisher-apollonas.com</a>

A new generation of Hydrogen &amp; Fuel Cell technologyDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://refire.heycusp.com/">refire.heycusp.com</a>

Corporate site for a leading hydrogen-engine maker.

REFIRE

A stubborn little studio: content is the fire, social is the fuel.Design: <a target="_blank" rel="noopener" href="https://dashdigital.studio/">DashDigital</a> View live: <a target="_blank" rel="noopener" href="https://emmaissocial.com/">emmaissocial.com</a>

Human Person

EMMA

Portfolio for an interior designer in Tel AvivDesign: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://lironmoran-interiors.com/">lironmoran-interiors.com</a>

Commercial interiors now have a site that matches what you see in the room.

Liron Moran

Second portfolio for stone artist M. Fisher Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://mfisher.com">mfisher.com</a>

MFv2

Portfolio for a multi-disciplinary studio in Los Angeles Design: <a target="_blank" rel="noopener" href="https://heycusp.com">CUSP</a> View live: <a target="_blank" rel="noopener" href="https://humanperson.com/">humanperson.com</a>

A creative website showcasing the vast catalogue of Human Person&#39;s projects featuring works with big names like Billie Eilish, Kanye West, and Post Malone.

Erin G. Wesley: a cinematographer’s site with hidden rooms

The whole site is built around Erin’s film reel. The main gallery is fast on purpose: jump a project, then another, without a heavy page load. Hidden beats sit under a simple surface — you only find them if you poke around. Z-Space is the piece people remember: a zoom into the whole catalogue at once. The grid follows the cursor and you can scrub forward or back through time — a playful cut into how Erin thinks.

Erin needed an ability to manage all the new content she was generating. For content management we used Strapi, which was completely customizable and allowed us to build it specifically for Erin’s day-to-day site management needs. Because of Strapi&#39;s minimalistic interface it is easy to interact and work with content rather than navigate the dashboard.

AWARDS

VANA: an app built around the breath

The app is courses and breath patterns with a repeating pulse and sound. Recommendations, progress and feedback sit on top. The look comes from the breath itself: gradients, cropped stills, soft blur — still and moving at once.

Facilitators drop patterns into a dashboard and assemble courses around them. The Pattern Builder is the centre of that loop — fewer clicks between an idea and a finished course.

Admin looks like the facilitator portal, then adds moderation, money reports, user control and analytics.

Matthew Fisher:
a long lasting relationships

A React storefront talks to Shopify’s Storefront API for cart, products and most copy. That split lets the look and the galleries go further than a stock theme, while checkout still behaves like a shop. Visual problems get studio-written tools. The two we reach for most: SAW scroll and the frame predictor.

Technologies

Reclaim Your DNA: an interactive digital  museum

The stack is Next.js on the front, three.js and react-three-fiber for the 3-D, GSAP for the motion.

3-D gallery

Awards

The cobbler’s pair: a site for the design studio itself

CSS and JS alone were not enough. React plus PixiJS and three.js on the front, Prismic on the back. GLSL shaders push the heavy math to the GPU so several animations can run at once without the fan screaming.

The look is spare and loud at once — it fits how the pieces move.

We tried a pile of motion references. None of them felt like this studio, so most of the animation and interaction was written here, not copied from a Dribbble board.Keeping that motion at 60 fps on an old laptop or a phone was the real fight. Shaders moved work to the GPU; then we cut dead code until the look stayed and the frame rate held.

Next JS

Erin G. Wesley shoots from Los Angeles. Credits include Netflix, Nike, the NBA and Snoop Dogg, plus stills work on the road. She needed a portfolio that books the next production, not a graveyard of stills.

Next.js holds the pages. GSAP, WebGL shaders and PixiJS drive the interactive bits. Underneath sits our own scroll engine — SAW scroll — so the page stays light while it moves.

The home video gallery was the hard room. SAW scroll, the DOM and Pixi.js had to share one timeline, with shaders on top. Most of the hours went into load time and playback so clips start fast on a phone in a bad hotel.

Her audience is global, so the build had to hold on slow links and odd devices. A small home-page trick we like: thumbnails shift aspect ratio, just enough to feel like a frame from a film.