Livio Marzol
Frontend Engineer | 100% Lighthouse & WebGL
New to Contra
Livio is ready for their next project!
Nexora Digital Agency — High-Converting Ecosystem & Creative Engineering
A bespoke Off-White™ industrial digital experience engineered for high performance, WCAG AAA accessibility, and interactive 3D motion physics.
Overview
Nexora is an elite creative and growth agency specializing in high-converting digital ecosystems, performance marketing, and bespoke brand identities. Built from the ground up, this project bridges the gap between editorial visual aesthetics and analytical performance engineering.
The objective was to craft a complete, multi-breakpoint agency homepage that delivers an immersive brand story while maintaining ultra-fast load times and maximum conversion efficiency (CRO).
Key Highlights & Technical Deliverables
End-to-End Responsive Architecture: Designed for both Desktop (1920px) and Mobile (390px) viewports using strict Figma Auto Layout structures.
Tokenized Design System: Fully organized color variables, typography hierarchies, and modular UI components ensuring seamless team handoff.
WCAG AAA Accessibility: Engineered with high-contrast color ratios (> 7:1 ratio), clear focus states, and zero reliance on color alone for critical information.
Zero-Bloat Architecture: Written in 100% Vanilla HTML5, CSS3, and ES6 Modules — built without heavy frameworks or external CDN dependencies.
Interactive 3D Motion Graphics: Powered by a lightweight HTML5 Canvas 2D/3D matrix running at a fluid 60fps with LERP motion physics.
Lighthouse 100/100 Performance: Optimized rendering loops with IntersectionObserver auto-pausing off-screen graphics to guarantee zero layout thrashing.
Comprehensive 9-Section Flow: Hero Section with interactive banner, About Us, Services Matrix, Competitive Differentiators, Filterable Case Studies, Client Endorsements with real visual proof, Dynamic Pricing Calculator, and Lead Generation Form.
Tech Stack & Tools Used
Design & Prototyping: Figma (Auto Layout, Design Systems, Variables, Interactive Components)
Front-End Development: Vanilla HTML5, CSS3 Tokens, Modern ES6+ JavaScript Modules
Graphics & Physics: HTML5 Canvas 2D/3D API, LERP Motion Algorithms
Deployment & Performance: Vercel, WCAG AAA Accessibility Standards, Lighthouse Optimization
1
0
29
Livio Marzol — Creative Engineering & High-End Digital Interfac…
0
1
Studio.K — High-End Editorial Landing Page
Awwwards-inspired minimalist editorial website built with pure Vanilla JS, WebGL background, and 100/100 Google Lighthouse score.
0
77
1942.ms (http://1942.ms) — Quantum Latency Arbitrage Engine
High-density financial WebGL interface featuring custom GLSL fragment shaders, cryogenic telemetry UI, and GSAP scroll timelines.
0
76
Master Creative Engineering Engine
Procedural 3D Canvas geometry (Torus, Wave, Helix, Cube) built with pure native Mathematics, zero framework overhead, and RAIL performance.
0
79
Project Overview:
Engineering meets editorial design. This project was built to solve a core problem: how to deliver an immersive, content-rich layout with zero sensory overload.
Key Highlights:
🧠 Neurodivergent-First Approach: Designed with controlled visual hierarchy, reduced sensory overload, clean text structures, and zero layout noise to ensure absolute mental comfort and focus.
📐 Editorial Grid & Typography: Custom visual hierarchy balancing deep obsidian tones with maximum readability.
📱 Absolute Responsiveness: Engineered for buttery-smooth scrolling on any device.
Built with clean architecture, zero framework bloat, and modern web standards.
0
122