Web
Lead Funnel Landing Page
A standalone registration page. Copy the folder, change the campaign record, and the next landing page is the same layout.
View case study
React
Production UI
CRO
Focus
Lakewood, CO
Based In
Interfaces in production
Web System
Campaign Launch Kit
One campaign record drives the calendar invite, the timed redirects, and the modules on the page. A new live event is a new record. Shown here with a sample record.
View case studyWeb System
Registration Path
The production path from a campaign visit to a signup. The UTM stays intact through the redirect, and the dataLayer records the view and the completion. Shown here with a sample record.
View case studyWhy this seat
Production interfaces in React and Next.js, the events those pages fire, and a Sass codebase that stays coherent with the design spec.
01
React and Next.js
I build the interfaces that ship. JavaScript, CSS, and SCSS sit under that work.
02
Design to Sass
Matching a design spec and keeping a Sass codebase coherent is normal work, not a special project.
03
Own the frontend
Membership and webinar flows, redirect and UTM logic, and GTM dataLayer events. I owned the page, the test, and the events. The conversion readout stayed with the company.
What I bring to the seat
Experience snapshot
CRO & UI/UX Specialist
Simpler Trading
Owned the page, the redirect and UTM handoff, and the GTM dataLayer events for membership and webinar registration. Shipped on a weekly release. The conversion readout stayed with the company.
Lead UI/UX Designer
Leading Response
Led design and development for marketing products. Built the analytics and testing frameworks the campaigns ran on.
A release week
Spec, Sass, the page, the events, the test, and the ship. This is what owning the frontend looks like.
01
Design spec
The frame arrives with type, space, and the states the page needs. Matching it is how the week starts.
02
Sass
Tokens and components stay coherent with that spec. The new page uses the system that is already in the codebase.
03
The page
A membership offer, a webinar registration, or a pricing UI lands as a real page, with the layout and the JavaScript that make the decision obvious.
04
The events
GTM dataLayer events record the view and the signup. UTM values are still on those events after a redirect.
05
Testing
The path is exercised before it ships: the redirect, the parameters, the event, and the layout on a phone.
06
Ship it
It goes out in the weekly release. The next offer reuses the page, the events, and the Sass.