// 00 Deividas Zienius - Web developer Morley, Leeds Built on fundamentals. Sharpened with AI.

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.

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.

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, ChatGPT 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.