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 👇
0
48
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.
2
2
132
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
0
140
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
0
146
Designed a clean, modern landing page for Birdie, an AI automation platform. The visual identity relies on subtle grid layouts, crisp typography, and intentional blue accents to create an effortless, approachable aesthetic.
Key Features & Highlights:
Subtle Grid & Layout: Background dot-grid texture that adds depth while keeping content structured and scannable.
Diagrammatic Visuals: UI diagrams showcasing system workflows and integrations without cluttering the canvas.
Comparison Matrix: Clean table layout contrasting core capabilities against legacy solutions.
Minimal Testimonial Carousel: Inline quotes paired with custom navigation buttons for smooth social proof.
Accordion FAQ: Clean expand-and-collapse component maintaining tight vertical spacing.
Services Provided: UI/UX Design, Framer Development
0
119
Designed and built a high-converting landing page for Soma Genomics, an AI-driven cellular longevity brand. Built as a prime blueprint for early-stage startups entering the market, this site balances an elevated editorial feel with clear quantitative proof to build instant trust with early adopters and investors.
Key Features & Highlights:
Editorial & Clinical Aesthetics: Elegant serif typography paired with warm, stone-toned backdrops to evoke premium, personalized healthcare.
Interactive Data & Proof Cards: Dynamic visual stats displaying base pairs sequenced, tracked biomarkers, and clinical precision metrics.
Horizontal Feature Carousel: Smooth interactive slider showcasing key product pillars.
Interactive Accordion FAQ: Sleek expand-and-collapse interaction for addressing technical and biological security queries smoothly.
Floating Minimal Navigation: Fixed navigation bar designed for effortless UX across continuous scrolling.
Services Provided: UI/UX Design, Framer Development, Copywriting Integration, Responsive Web Design
0
120