Oracles
How do you blend design and interaction seamlessly? Make it 3D. Move your fingers to zoom and scroll. Click to go inside and be transported to a place known as inception. Try not to get lost even though it is the goal. This design is intended to evolve and never end as it contains the possibilities to open portals at random times of the day. When a portal opens, better not lose your place or you might never find a way back. Just like that, it’s all gone.
More Digital Interactive Scenes Here
Daily updates continue as I finalize different types of 3D web experience. AR and VR coming soon!
BlackLayer & SignalCore
Designed for AR engagement and product storytelling in mind, BlackLayer supports immersive technology — while keeping UI elements responsive, mobile-ready, and actionable. It bridges the gap between visual depth and intuitive interface, making it ideal for e-commerce, branded content, and responsive narrative design.
| Capability | BlackLayer | Conventional Platforms |
|---|---|---|
| Unified Web + 3D Experience | ✅ Seamlessly blends APIs and web content | ❌ Divided layers between interface and visuals |
| Transparent Media Layers | ✅ Supports alpha animated overlays with precision | ⚠️ Often flattens or drops alpha media |
| Live, Interactive Templates | ✅ Editable, stylized, and responsive elements | ❌ Locked, static template behavior |
| Layered Experiences | ✅ Natural Scene Integration | ❌ Flat, single-scene designs |
| Mobile-Optimized Visuals | ✅ Engineered for mobile browser fidelity | ⚠️ Visuals frequently degrade or misrender |
| Modular Content System | ✅ Components are reusable and remix-able | ❌ Rigid layouts require rebuilding |
| Stacked Visual Compositing | ✅ Video, and HTML without conflict | ❌ Competing layers cause lags or glitches |
| Smooth Transitions | ✅ State-driven, cinematic transitions | ❌ Abrupt jumps or limited animation logic |
| Story-First Architecture | ✅ Built for narrative, interaction, and hierarchy | ❌ Static content with limited flexibility |
| Signature Visual Style | ✅ Depth, motion, and polish feel custom-crafted | ❌ Framework defaults limit originality |
Realtime Material Texture Changes
APIs that change with time dynamically update data, themes, or behaviors based on current time in context.
Interactive Features
This interactive 3D experience allows users to engage with various models and camera controls dynamically. Clicking on objects triggers animations and camera movements. Double-clicking the main stage opens a portal effect, revealing a different environment. Hovering over objects changes their color, providing visual feedback. Some objects toggles an orbiting camera mode, smoothly circling around a set point. Various 3D models—including an NHL logo, a glowing sphere, and a ball—are placed in the scene, each responding to interactions. The environment adapts dynamically based on the time of day. Use your mouse and clicks to explore the space!
⚙️ UX Design & Development Strategy
How Black Layer turns immersive technology into intuitive, scalable user experiences.
1. Narrative-First Architecture
Users don’t just consume content—they move through experiences.
BlackLayer is built around temporal design thinking, allowing UX flows to unfold like stories. Each UI state is intentional, and transitions are treated as narrative moments rather than mechanical shifts.
🔹 Result: Users feel guided, not confused. Interfaces become emotionally resonant, not transactional.
2. Unified Interaction
Traditional frameworks separate 3D visuals from UI elements.
BlackLayer removes this wall, allowing real-time interaction between visual elements. Designers can build scenes with emphasis on SEO, tracking buttons, forms, and in a all web context.
🔹 Result: No more choosing between beauty and usability. Users can touch, rotate, click, and act—all in one visual plane.
3. State-Driven Logic & Declarative Flow
UX chaos happens when UI behavior is unpredictable.
BlackLayer uses clear, modular states to ensure that every interaction leads to a consistent visual and functional result. Transitions aren’t hacked together—they’re built into the logic.
🔹 Result: UX stays smooth, understandable, and accessible across devices and use cases.
4. Performance-Conscious Design
Immersive doesn’t have to mean bloated.
BlackLayer is engineered with mobile GPUs and animation throttling in mind. It adapts visual fidelity to match device capability, preserving the core experience for all users—not just desktop power users.
🔹 Result: Fast, responsive experiences that maintain visual richness on any screen.
5. Composable, Story-Ready Components
Design systems aren’t just button kits.
BlackLayer lets teams create modular, reusable experience blocks—scrolling media, animated product moments, interactive reveals—all declaratively stitched together using story logic.
🔹 Result: Faster prototyping. Less dev overhead. More brand-consistent UX moments.
6. Emotion Through Motion
Movement is a language.
From hover states to full-scene transitions, BlackLayer uses cinematic motion as UX language—to guide attention, indicate hierarchy, and reward user actions.
🔹 Result: Increased engagement, clarity, and delight.
🔄 Outcome-Driven UX Philosophy
“Technology without empathy is noise. Black Layer is a system for crafting immersive experiences that users can feel, navigate, and trust.”
Legal Disclaimer
All work shown here is original and created by Nicholas Moffett. Logos and product references are used for demonstrative purposes only and remain the property of their respective owners. The BlackLayer system and presentation methods are proprietary and may not be replicated, deconstructed, or redistributed without permission.
