Role: Lead Framer Developer & UI/UX Specialist Client: Joel Crawford Timeline: Phase 1 (Completed)

"I AM HUMAN" is not a standard web product; it is a signal environment. The goal of Phase 1 was to craft a highly immersive, cryptic portal that acts as the entry point to a broader, mysterious ecosystem. Working closely with the project's visionary, Joel Crawford, I translated a strict philosophical design manifesto into a pixel-perfect, interactive reality using Framer.

The core directive was clear: The system existed before the user arrived. It waits. The challenge wasn't adding flashy animations, but rather stripping them away. Every visual effect had to feel like physics, not animation. My task was to balance a dark, minimalistic UI with complex background mechanics to evoke curiosity, recognition, and belonging, strictly avoiding gamification or "startup hype."

To achieve the exact "Atmosphere & Tone" required, native Framer tools were pushed to their limits and extended with custom React components.

Custom React Controllers (EntranceController): I engineered a custom React override to handle a complex chain of events: delayed visibility states, synchronized mist and static effects, and a pulsating "heartbeat" glow.

Flawless Audio Synchronization: Audio was critical. I implemented memory-preloading for assets (optimized for iOS Safari) so that when the user clicks the Call to Action (CTA), the audio triggers instantly without delay, followed by a programmatic blackout and a hard redirect.

Advanced Component Architecture: I heavily utilized Framer's Component Variables (Props) and Booleans to create single, complex components that seamlessly switch states based on interaction timing.

Typewriter & Electrical Surges: I implemented custom text reveal effects that mimic recovered evidence—short lines with an imperfect cadence.

Glowing Text Outlines: Glows were designed to be "whispers, not lights," ensuring that the interface felt like it was reluctantly revealing itself.

The result is a meticulously crafted, fully responsive entry sequence that protects the signal of "I AM HUMAN." The interface feels deliberate, grounded, and calm. The project was successfully delivered, setting a robust technical and atmospheric foundation for the upcoming phases.