Web
Signal North Marketing Lead Gen Site (Mock)
Oct 20, 2024 | Signal North Marketing (mock engagement)
Mock engagement for demonstration
Signal North Marketing is a fictional client created to show how I approach conversion-focused web builds. There is no real customer data or live engagement behind this case study.
Staging link: northstar-ds5vb2n3j-tgoodall3s-projects.vercel.app
Purpose of the mock
- Demonstrate how I structure a lightweight lead-generation site with a decisive CTA and skimmable service proof points.
- Show how visual hierarchy, spacing, and iconography can make a single-page experience feel substantial without bloat.
- Document accessibility-first habits (focus states, semantic landmarks, and text contrast) that carry through every build.
Build notes
- Drafted copy that foregrounds the offer, target industries, and a fast next step to contact, avoiding jargon-heavy hero text.
- Set up modular sections for services, proof points, and FAQs so the layout can expand without redesigning the grid.
- Tuned headings, landmarks, and keyboard focus order to keep the page usable for screen reader and keyboard-only visitors.
- Added performance-friendly imagery and restrained motion so the page stays quick on mid-range devices while still feeling polished.
Highlights worth reviewing on staging
- Navigation and primary CTA remain visible on scroll, with accessible skip links and focus outlines that hold up on dark backgrounds.
- Service cards and testimonials use consistent typography scale and button targets to keep interaction predictable.
- Contact affordances are clustered into a single CTA band to reduce friction for mobile visitors.
How this helps me pitch new work
- Acts as a safe demo for live walkthroughs without exposing client data.
- Provides a reference layout when scoping timelines, content needs, and accessibility checkpoints with prospective partners.
- Lets stakeholders experience a working prototype instead of static mockups, speeding up feedback cycles.