Selected work.

Horizontally-scrolling campaign page for Stibo Systems, built as a pinned single-track narrative rather than a stack of sections: an autoplaying intro video hands off into a scroll-scrubbed story of stat counters, an interactive 3D bottle model and a swipeable card carousel, ending in a gated demo-request form.

Problem

Explain a data-platform product ("unify every data touchpoint") in a way that feels tangible rather than abstract, and convert into demo requests.

Stack

Bootstrap 5 + GSAP ScrollTrigger + ScrollSmoother + ScrollToPlugin + SplitText for the pinned horizontal track, Three.js + GLTFLoader/OrbitControls for a rotatable .glb bottle model.

Result

One continuous horizontal scroll - stat counters animate in, a draggable 3D product model replaces static hero imagery, and seven value-prop cards scroll as their own filmstrip - funneling into a single demo-booking CTA.

Monthly digital magazine for creatives to be shared on the company LinkedIn page and with email subscribers, built as a full-screen, slide-based editorial rather than a newsletter or PDF. Each issue is a stack of pinned sections that glide over one another with a parallax offset, moving from a themed cover through a guest interview, campaign roundups, an opinion piece and trend spotlights.

Problem

A monthly creative publication needed to feel like a designed magazine, not an email or PDF, and be repeatable enough to ship every month without a new build each time.

Stack

Custom HubSpot CMS (HubL) page templates with a shared menu module. Bootstrap 5, jQuery, and a hand-written scroll engine (translate-based slide transitions, wheel/touch throttling, hash routing.) GA4 event tracking.

Result

29 issues shipped from Jan 2024 to Jun 2026. Every slide has a linkable URL, smooth navigation and per-slide GA4 timing. Mobile degrades to native scroll. The hub, subscribe form and contributor route are shared across all issues.

Single-page, scroll-driven microsite presenting MOI Global's annual creative report as an interactive editorial: a video hero, an accordion menu into five themed chapters, a quote slider of industry speakers, and full interview features - all built to feed a HubSpot form gated behind a request for the physical copy.

Problem

An annual report that's usually a static PDF needed to feel like a living, scroll-worthy story - and still convert readers into physical-copy requests.

Stack

HTML/CSS/JS over Bootstrap 5. GSAP + ScrollTrigger + SplitText handle the heading reveals and background crossfades between chapters.

Result

A five-theme, single-URL narrative that reads as one continuous scroll, with lead capture built into the flow.

Complete brand and website for a small business: logo, business cards, Facebook page and a single-page site. Fixed-background parallax panels and a mobile burger menu keep it feeling designed, while everything stays light enough to load quickly.

Problem

A sole trader competing with generic pet sitters needed to look established from day one: a brand, a site that shows her veterinary qualifications immediately, and strong local search visibility, all without a CMS to maintain.

Stack

Hand-written static HTML/CSS/JS. Bootstrap 5, jQuery, Owl Carousel, Rellax for parallax. WebP images throughout, Google Tag Manager and GA4.

Result

Lighthouse desktop: 98 Performance, 100 SEO, 100 Best Practices, with 0.7 s First Contentful Paint, 0.9 s Speed Index, 40 ms Total Blocking Time and 0.04 Cumulative Layout Shift. Local SEO is built in through area-specific metadata for Morley. Consistent identity across logo, print and social.

Five-page microsite for a print subscription product, built as static HTML with a single shared stylesheet and no build step. Scroll-driven interactions carry the narrative: a support pyramid that assembles layer by layer, nine service cards that fall into a folder as you scroll past it, a cost breakdown where depth beneath the waterline drives opacity.

Problem

Template-bound campaign pages, slow to load and slower to change.

Stack

Handwritten HTML/CSS/JS, Swiper and GSAP ScrollTrigger. Every section works as a grid on desktop and a slider on mobile from the same markup.

Result

100 Lighthouse score on desktop. Thirty-plus sections across five pages sharing one stylesheet and one script.

Eleven-tab analytics dashboard for a global B2B agency, built as one HTML file over a serverless backend. GA4, Search Console, PageSpeed, Semrush and HubSpot in a single view, with seven scheduled n8n workflows writing AI analysis back into it: competitor keyword gaps across three markets, a whole-site content strategy review, internal linking checked against the real page copy.

Problem

Manual reporting and data aggregation across multiple platforms.

Stack

Vanilla JS and Chart.js over Netlify Functions. GA4 Data API, Search Console, PageSpeed Insights, Semrush and HubSpot. Multiple n8n workflows, OpenAI API calls.

Result

Traffic, search, email and pipeline in one live view, plus analysis that arrives unprompted: a daily SEO audit, a monthly executive report, competitor gaps for three markets, and a whole-site content review that decides whether to improve a page, build one, or leave it alone.

Form-triggered research pipeline that turns a list of company and people names into a shareable Google Doc with one tab per target. A ClickUp submission fans out into parallel LinkedIn scrapes and live web research, then through three chained AI agents - research, consulting formats, brand voice - before writing straight into the Docs API and emailing the requester the link.

Problem

Buyer and account research for ABM campaigns was manual and took days.

Stack

n8n Automation, ClickUp forms and webhooks, Apify LinkedIn actors (profile, posts, company detail, company posts), Tavily search, OpenAI agents.

Result

Minutes after the form is submitted, a shareable doc lands in the requester's inbox: executive summary, collection of data points, persona or company profile, presentation narrative - one tab per target, every claim sourced and grounded in scraped LinkedIn profile data and recent posts alongside live web research.