Experience structure
The visitor’s task, content hierarchy and the role of interaction in explaining the work.
WEB / CREATIVE ENGINEERING
Interactive websites & 3D web experiences
Give people something worth exploring—and a clear way forward.
I build interactive websites where the interface expresses the work. This portfolio combines a readable homepage and project atlas with an optional 3D flight console. The experience is a working example of the frontend, interaction and integration decisions I can bring to a project.
Discuss this service
Is this the problem
you are facing?
- Your product or portfolio needs a distinctive interactive demonstration.
- A 3D or motion concept needs a usable mobile and reduced-motion alternative.
- You want an expressive interface with substantive content people can read, share and search.
A PRACTICAL ENGAGEMENT
What the work can include
Interactive implementation
Responsive frontend, deliberate motion and optional 3D where it helps the experience.
Discovery and delivery
Readable page content, stable project links, metadata and verification of the important navigation paths.
EVIDENCE / PUBLISHED WORK
See how I have approached it
The personal portfolio is a self-directed engineering project, not a client endorsement. Its console connects a Three.js scene to project navigation and service status. The AG Cloud and AG Main case studies provide additional examples of interactive web implementation.
Systems architecture
Operator Console & Consciousness Engine
How Del Rey Valmoria designed and engineered a conscious, living 3D portfolio powered by React, Three.js, Google Gemini, and Neon PostgreSQL.
AI orchestration
AG Cloud Website
An enterprise cloud AI marketing site: a zero-library 3D constellation hero, live infrastructure status polling and a full security hardening stack.
React 18 · Vite 5 · TypeScript · Tailwind 3 · i18next
AI orchestration
AG Main Website
A corporate website engineered with 40+ Radix UI primitives, shadcn/ui, Lenis smooth scroll and an AI-assisted Lovable.dev design workflow.
React 18 · Vite 5 · TypeScript · Tailwind 3 · shadcn/ui
BEFORE WE START
Common questions
Does the visitor have to use the 3D experience?
No. On this site the readable portfolio and project atlas are the default. The flight console is an optional route into the same body of work.
Can a visual website still have searchable content?
Yes. Descriptive HTML pages, ordinary links and page-specific metadata provide a readable layer alongside interactive features. A canvas alone cannot communicate the full case study.
Does a redesign guarantee more leads?
No. Design supports understanding and conversion, while demand, distribution, trust and the offer also matter. Results need to be measured after launch.
START WITH A $150 AUDIT
Where is your business losing
leads or hours?
Tell me what happens today and what keeps going wrong. I reply with times for a 45-minute audit call; you get a written fix list with fixed prices, and the $150 is credited against any build.