Back
HomeHome
WorkWork
CVCV
{ Studio }{ Studio }
Let's talk
The Ecosystem

Passion Projects: The .ARK Ecosystem

A journey through systemic design, logic engines, and visual storytelling.

Client

Personal / Studio

Services

Art Direction,Fullstack,Video Production

Tech

AstroReactThree.jsPremiere
0

Disciplines

Merging Systemic Design, Technical Logic, and Visual Experimentation into one cohesive ecosystem.

.ARK

The Studio

A modular digital design studio built on precision and cinematic aesthetics.

∞

Iteration

Continuous refinement of the creative process through code and visual media.

Chapter 01

.ARK Studio

.ARK is a digital design studio built like a system: precise, modular, and cinematic. The name comes from the .ark file format—a container that bundles structure, assets, and logic into one coherent unit.

.ARK System

Digital Design Language v2.0

FIGMAREACTTHREE.JS
Typography

Aa

Geist Sans

Display / Body

Ag

Geist Mono

Code / UI

Palette & Surface
PrimaryHSL(258, 55%, 63%)
AccentHSL(71, 100%, 61%)
Canvas#050505
Surface#1A1A1A
Interface
01
Navigation Module
02
Data Grid
03
Media Player

The Agency Interface

The studio needed a face that reflected its internal logic. I built a live agency site that serves as both a portfolio and a capability statement. It uses the same underlying design tokens as the rest of the ecosystem, ensuring visual consistency across all touchpoints.

Switch to Studio View
ark-studio.com
Agency Interface
System Architecture

Hausarztpraxis RAG System

The Logic Engine

Chapter 02

The Challenge

Transforming a “clusterfuck” of physical PDF documentation into a structured, interactive digital assistant. The goal was to modernize the practice’s knowledge base without disrupting their existing workflows.

AI Implementation & Security

The core of this system is a secure bridge between unstructured data and a conversational interface. We utilize AI not just for text generation, but for structural parsing.

  • Vector Data Parsing: PDFs are ingested and chunked into vector embeddings, allowing for semantic search rather than just keyword matching.

  • Secure Backend Bridge: A Node.js middleware layer sits between the client and the LLM provider, managing API keys and enforcing rate limits. This ensures that sensitive medical data structure is handled compliantly.

  • Persona Engineering: The “medical persona” isn’t a prompt trick; it’s a fine-tuned system instruction set that forces the model to cite its sources from the uploaded PDF knowledge base.

PDF Source
Vector DB
Secure API
UI Client

> DATA_TRANSFORMATION_PIPELINE v1.0

Outcome

A functional frontend where patients or staff can interact with a knowledge base that was previously trapped in paper form.

View Live System

Chapter 03

Visual Stories

The “Learning by Doing” Era. Before .ARK became a systematic studio, my work was fueled by the raw, chaotic energy of the Bern creative scene.

The Intuition Phase

This was a time of pure experimentation where the goal was simply to create something that felt alive, regardless of whether I knew the technical “rules” yet.

My first collaboration with yung glas was a baptism by fire. I found myself holding a Sony FX6—a high-end cinema camera—with absolutely no idea of the power or complexity I had in my hands.

“I was capturing cinematic visuals by pure instinct. It was the ultimate ‘fake it ‘til you make it’ moment. Looking back, the mistakes were plenty—most notably a complete lack of colorspace management that nearly broke the final grades—but the energy we captured was irreplaceable.”

Chaotic Energy & Professional Pivot

The Lunaria Festival: Filming the aftermovie was a masterclass in adapting to the moment. It was a steep learning curve navigated through the haze of a festival atmosphere—handling a gimbal in the middle of a crowd while leaning into that “chaotic Bern energy”.

The Turning Point: Joining the Swisscom filmteam was where “Chaos” met “Structure.” I finally learned the technical “why” behind the “how”—properly operating the equipment I had previously only used by instinct.

This experience bridged the gap between my raw passion projects and the precise, modular philosophy that now defines .ARK. I realized that you can only truly break the rules once you have mastered the system that governs them.

Lunaria Festival

Aftermovie

Vimeo

i hou

yung glas

1.064 Aufrufe

ude

yung glas

279 Aufrufe

möli

yung glas & Bugel H

294 Aufrufe

Visual Gallery

Art Direction • Photography • 2023

These frames from the yung glas shoots represent the moment my style shifted toward the "quietly powerful" and "cinematic" aesthetic that defines my work today. It was here I realized that even the most experimental visual needs a rock-solid technical foundation to truly land.

Visual 1
Visual 2
Visual 3
Visual 4
Visual 5
Visual 6
LOG_ENTRY // MOTION_DESIGN_REEL_V2.0

Motion
Archive

My latest reel marks a new chapter—swapping to DaVinci Resolve and embracing the steep learning curve. Follow my journey as I push my technical boundaries.

Video / Private
@shainzen
Motion Design
@mondzhain

The Results

The journey from systemic design to technical logic and finally visual experimentation represents a complete ecosystem. What started as a school project evolved into a professional studio workflow, proving that structure and creativity are not opposing forces, but complementary engines.

Next Project

Trauffer

View Case Study →

Contact

  • Get in touch

Connect

  • Instagram
  • LinkedIn
©2026 .ARK
  • Privacy Policy
  • Impressum
Crafted by .ARK