Visit 252.Studio for a virtual Unreal Engine Meta Human experience!

Project Hector

Project HectorProject HectorProject Hector

Project Hector

Project HectorProject HectorProject Hector
  • Home
  • 3D Interactive
    • 3D DARCO Spirits
    • 3D Monster Energy -Rossi
    • 3D STRAT Hotel
  • Digital
    • Beauty - Health Industry
    • Fashion - Photography
    • Beauty - WakeUpBeautiful
    • Beverage Industry
    • Corporate Designs
    • Construction Industry
    • Print Production Industry
    • Sports Industry
  • Video
    • Bev Brancamenta
    • Financial Industry
    • Industrial
    • Bev Seagram’s Vodka
    • Health & Fitness Industry
    • WisePlace - Jane Fonda
  • Building 252.Studio site!
  • More
    • Home
    • 3D Interactive
      • 3D DARCO Spirits
      • 3D Monster Energy -Rossi
      • 3D STRAT Hotel
    • Digital
      • Beauty - Health Industry
      • Fashion - Photography
      • Beauty - WakeUpBeautiful
      • Beverage Industry
      • Corporate Designs
      • Construction Industry
      • Print Production Industry
      • Sports Industry
    • Video
      • Bev Brancamenta
      • Financial Industry
      • Industrial
      • Bev Seagram’s Vodka
      • Health & Fitness Industry
      • WisePlace - Jane Fonda
    • Building 252.Studio site!
  • Home
  • 3D Interactive
    • 3D DARCO Spirits
    • 3D Monster Energy -Rossi
    • 3D STRAT Hotel
  • Digital
    • Beauty - Health Industry
    • Fashion - Photography
    • Beauty - WakeUpBeautiful
    • Beverage Industry
    • Corporate Designs
    • Construction Industry
    • Print Production Industry
    • Sports Industry
  • Video
    • Bev Brancamenta
    • Financial Industry
    • Industrial
    • Bev Seagram’s Vodka
    • Health & Fitness Industry
    • WisePlace - Jane Fonda
  • Building 252.Studio site!

Developing 252.Studio!

Case Study: 252.Studio – Engineering a Systems-First Digital Experience

Role: Creative Technologist, Lead Designer, & Systems Architect 

Core Technologies: Raw SVG/DOM Animation, Unreal Engine 5 (MetaHumans), Generative AI (Code/Scripting), Custom Server Architecture, Microsoft Excel (Data-to-SVG Pipeline).

Phase 1: Architecture & Backend Foundation

The foundation of efficiency starts before a single pixel is pushed. I sourced and deployed the server infrastructure entirely from scratch, bypassing restrictive website builders. By setting up the backend, managing the DNS routing, and establishing the staging environments myself, I ensured that the digital footprint of 252.Studio remained entirely under my control. This systems-first approach guarantees absolute optimization—from server request to browser render.

Phase 2: Unreal Engine & AI-Driven SVG Animation

To create a cutting-edge visual narrative, I integrated a professional MetaHuman digital twin developed within Unreal Engine. However, rather than dragging down site performance with heavy video exports or relying on paid Adobe plugins, I utilized a highly unconventional, code-first workflow.


  1. The Render: I generated the high-fidelity MetaHuman spatial renders locally using my custom 24-core / RTX 5080 workstation.
  2. The AI Translation: I utilized advanced Generative AI tools (ChatGPT, Gemini) not to generate art, but to act as my coding co-pilot. By feeding the AI my specific motion parameters, we scripted custom HTML5 and CSS keyframes to animate raw Scalable Vector Graphics (SVGs) directly in the DOM.
  3. The Deployment: The result is a series of razor-sharp, resolution-independent animations that load instantly. I do not "fake it till I make it" with expensive ecosystem workarounds. I use AI as an extension of my own logic to get the exact task done, writing clean, interactive code that traditional designers cannot execute.

Phase 3: The "Out-of-the-Box" Automation (Excel-to-SVG)

The true mark of a technologist is the ability to look at a repetitive creative task and automate it out of existence.


For 252.Studio and my wider client base, I engineered a highly unconventional production pipeline: The Excel-to-SVG Workflow. Instead of manually opening Adobe Illustrator to update dozens of vector graphics, text nodes, or brand elements, I built a system that uses Microsoft Excel as a database.


By mapping visual data points to spreadsheet cells, I created an automated workflow that generates production-ready, coded vector graphics instantly. This is the definition of thinking out of the box: turning a 10-hour manual design process into a 15-minute automated task.

The Result: A Technologist’s Sandbox

The 252.Studio website is more than a creative agency front; it is a live demonstration of algorithmic efficiency. By integrating Unreal Engine, raw code animation, AI-assisted scripting, and custom automation pipelines, I built a digital experience that proves I don't just design assets—I engineer systems.


When a pipeline breaks or a digital experience fails, standard designers look for a new plugin. I open the code, isolate the system failure, and troubleshoot the architecture. That is the advantage of being a Creative Technologist.

Visit 252.Studio Site

Project Hector

Copyright © 2026 Project Hector - All Rights Reserved.

Powered by 252.Studio

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

DeclineAccept