Scott Lloyd's Work | ContraWork by Scott LloydScott Lloyd
High-Converting Framer Sites for Startups
Fixing the above the fold narrative for Rational.to
⚡️ I kept their core message intact "The zero-human accounting firm." and designed a custom WebGL hero to make it click instantly.
The interactive element visually bridges the gap between autonomous AI processing and human financial oversight. Live interactive canvas preview below 👇 Voxel: Spatial UI Kit & Waitlist Site
Services Provided: UI/UX Design, Framer Development, Motion Design, Interactive Components
Designed and built a high-converting waitlist site for Voxel, a spatial computing design system engineered for AR optics and VisionOS. Built as a prime blueprint for stealth and early-stage founders breaking out of flat viewports, this page blends immersive ambient visuals with friction-free email capture.
Key Features & Highlights:
Ambient Morphing Orb Hero: Built a custom React/CSS fluid orb component with dynamic organic breathing, rotation, and morphing shapes.
Interactive 3D Magnetic CTA: Custom waitlist email input featuring real-time TLD validation (.com, .org, .net) that triggers an interactive glowing button with 3D parallax mouse-tracking.
Spatial Glassmorphism UI: Frosted glass visual tokens, subtle depth borders, and high-legibility typography optimized for dark/spatial backgrounds.
Zero-Friction Submission Flow: Integrated inline success state that smoothly transitions the input field upon submission. Designed a stealthy, dark-mode landing page for Sentinel, an enterprise security platform. The visual identity uses a deep charcoal canvas, crisp wireframe grid hero visuals, and high-visibility orange accents to give the brand an authoritative, defense-grade feel.
Key Features & Highlights:
3D Grid & Node Hero: High-impact wireframe grid graphic paired with interactive node charts showing real-time threat routing.
Modular Feature Cards: Clean, dark-toned card grid highlighting system capabilities with subtle hover states.
Interactive Security Tabber: Dynamic side-nav interface displaying visual media alongside live security status indicators.
Minimal Testimonial Slider: High-contrast testimonial block framed by sleek orange accent lines and clean carousel controls.
Accordion FAQ Matrix: Sleek, border-lined FAQ component with subtle orange indicator active states.
Services Provided: UI/UX Design, Framer Development Designed a high-contrast dark mode landing page for Helix, a developer tooling platform. The aesthetic pairs rich terminal interfaces with bright blue accents to create a developer-first layout that feels technical, precise, and fast.
Key Features & Highlights:
Terminal Hero Section: High-contrast code block display set against subtle neon blues for immediate visual impact.
Architecture Cards: Structured dark-mode panels breaking down complex system features into clear visual blocks.
Interactive Workflow Stepper: Modular walkthrough UI showcasing multi-step developer processes at a glance.
Dynamic Pricing Grid: Minimalist tiered layout featuring an interactive monthly/annual billing toggle.
Logo Marquee: Sleek grayscale integration grid that blends seamlessly into the dark backdrop.
Services Provided: UI/UX Design, Framer Development