Neural Brand Matrix
My own dual-mode portfolio, featuring real-time WebGL neural network visualization. If the site claims engineering, the site itself has to prove it.
"The portfolio itself became the proof of concept. When you claim to be a Marketing Engineer, your website better demonstrate engineering. We built a system where the medium IS the message: 120 nodes rendering in real-time, 8 post-processing effects per frame, adaptive quality systems that maintain 60fps on any device."
Create a portfolio that instantly differentiates from standard LinkedIn-style sites while appealing to two distinct audiences: business-focused recruiters seeking impact metrics, and technical evaluators assessing engineering depth. The site needed to prove the "Marketing Engineer" positioning through the experience itself.
We engineered a dual-mode architecture with seamless mode switching. Impact Mode showcases business metrics and revenue growth for recruiters. AI Lab Mode reveals the technical stack and automation systems for CTOs. A real-time Three.js neural network visualization renders 120+ nodes in a marketing funnel formation with flying 3D objects, post-processing effects, and adaptive performance monitoring.
// Real-time FPS monitoring with automatic quality adjustment
const useAdaptiveQuality = () => {
const [quality, setQuality] = useState('high');
const frameCount = useRef(0);
useFrame(() => {
frameCount.current++;
if (frameCount.current % 60 === 0) {
const fps = calculateFPS();
if (fps < 30) setQuality('low');
else if (fps < 50) setQuality('medium');
else setQuality('high');
}
});
return quality;
};Archive Navigation
Access Next Briefing →