Independent Web Engineer
Dmitriy Popov
Creative UI/UX &High-Performance Frontend
Human-centered design. Engineered to perform.
Scroll to explore
About
Hi, I'm Dmitriy.
A Web Engineer and Creative Frontend Developer.
01 / The designer in me
Understand your goals.
My process starts with deeply understanding your goals to find a visual language that reflects the core of your product.
What I bring
End-to-End Design & Development
From UX research and Figma prototyping to pixel-perfect code implementation. I ensure the final product looks exactly as intended and feels alive.
Empathetic & Accessible UI
I am aware of a ton of AI-feeling interfaces and striving to humanize the design and UX. I have experience building neuro-inclusive, stress-free interfaces with optimized accessibility (A11y), ensuring your product is comfortable for every user.
Interactive 3D & Web Audio
I use WebGL, Three.js, and Web Audio API not just for decoration, but as meaningful parts of the user experience (e.g., scroll-reactive 3D elements, real-time audio mixers).
High-Performance Architecture
Heavy visuals shouldn't mean slow websites. I use modern architectures like Astro (Partial Hydration / Islands) and Next.js to deliver 60FPS animations and Lighthouse 100 scores, even with heavy 3D assets and media grids.
Complex Web Apps
Beyond landing pages, I build robust architectures for SaaS and Web3 platforms (custom visual data trees, interactive timelines, dynamic dashboards).
Projects
Vortex Foundation
High-Converting Web3 Corporate Platform
A premium B2B platform for a crypto market maker. Features scroll-animated chronological timelines, dynamic data counters for business metrics, and ergonomic verification forms.
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- GSAP
Basic Bakery
B2B E-commerce & Management Ecosystem
An end-to-end wholesale bakery platform. Features a reactive stateful catalog, dynamic cart calculation, regional logistics validation widget, custom admin dashboard, and Telegram bot integration for staff.
- Next.js
- TypeScript
- Tailwind CSS
- Node.js
3D
Real-time 3D that stays fast
Scroll-driven scenes, point clouds and custom shaders — shipped with lazy-loaded scenes, capped pixel ratio and render-on-demand loops, so the page keeps 60 fps on phones.
- Three.js
- Used in:
- React Three Fiber
- Used in:
- Spline
- Used in:
- 3D audio scenes
- Used in:
Matvei Brumberg Portfolio
High-Performance 3D/Motion Designer Portfolio
A visually expressive portfolio built for heavy media assets. Features optimized media grids with lazy-loading, seamless multi-level infinite marquees, and interactive local-time widgets.
- Next.js
- Three.js
- Spline
- Tailwind CSS
Foam
Interactive Acoustic & Spatial Audio Simulation & Ear-Training Platform
Foam is a browser-based acoustic simulation platform that bridges the gap between theoretical spatial audio physics and practical sound production. Designed for sound engineers, producers, and students, the platform allows users to visualize and manipulate sound propagation in a 3D environment with high precision.
- Next.js
- Supabase
- Three.js
- Tone.js
- Resonance Audio
Audio
My greatest passion
Being a musician myself, I play guitar and know sound from the inside: tone, dynamics, harmony, mixing and the way an instrument answers the fingers. That ear goes into every audio interface I build — synths, mixers, generative scores and spatial audio on the Web Audio API.
Sonicdesk
Interactive Audio SaaS for Musicians
An innovative "Git for music" workspace. Features a custom visual version-control tree, interactive audio mixer with visual diffs, and timeline-based comments tied to musical bars.
- Next.js
- Web Audio API
- Tone.js
- Motion
- Supabase
Tower
Generative Ambient Radio for Sleep & Focus
A browser-based relaxation app that layers archival NASA mission and air-traffic-control radio under a generative ambient score. The aesthetic is a late-night airport: quiet, procedural, never quite silent. Built with Next.js and TypeScript, with a custom audio engine on Tone.js and Tonal.js.
- Next.js
- TypeScript
- Tone.js
- Tonal.js
Mono
ASCII Browser Synthesizer
An ASCII-styled browser-based synthesizer that combines retro-inspired aesthetics with advanced sound design capabilities, allowing users to craft and visualize audio directly in their browser.
- Svelte
- Tone.js
- TypeScript
Human-first
Built for people
Accessible, calm interfaces from the first sketch: semantic structure, keyboard paths, readable type and motion that respects the person using it.
- Accessible, neuro-inclusive UI
- Used in:
- Astro Islands
- Used in:
- Framer Motion
- Used in:
Alevtyna Yakovleva
Neuro-Inclusive Psychologist Website
An empathetic, accessible landing page focusing on user psychological comfort. Features interactive 3D WebGL elements that react to scroll, built on Astro Islands architecture for 100% Lighthouse performance without sacrificing heavy visual graphics.
- Astro
- Three.js (R3F)
- Tailwind CSS
- Framer Motion
Stack
Hard
Languages
- JavaScript
- TypeScript
- HTML5
- CSS3
Styling
- Tailwind
- SASS
- CSS Modules
Frameworks
- React
- Next.js
- Svelte
Data & CMS
- RTK Query
- React Query
- Strapi
Creative
3D & Motion
- Three.js
- Spline
- Lottie
Audio
- Tone.js
- Resonance Audio
- Web Audio API
Process
Testing
- Jest
- Cypress
Tooling
- ESLint
- Prettier
AI
- Claude Code
- Claude Design
- Cursor
- Lovable
Principles
Principles
Goals before pixels
Every project starts with understanding what the product has to achieve — the visual language follows from that.
Humanize the interface
Empathetic, tactile and calm over generic, AI-feeling patterns.
Details are the product
Micro-interactions and small states are where trust is built.
Performance is a feature
Heavy visuals, 60fps, Lighthouse 100. Not a trade-off.
Accessible by default
Neuro-inclusive, keyboard-friendly, readable. Comfortable for every user.
Contact
Let’s build something human.
Good things start with a conversation.
A little takeawayTake the short version.My story, in a document you can keep.Download CV · PDF- Emailrubiconhere@gmail.com
- GitHubgithub.com/Rubicones
- LinkedInlinkedin.com/in/rubicones
- Telegram@Rubicon1543
End of the rail. Start of something new.
Intro