Benjamin Dobeck

Design.
Code.
Execute.

I design and engineer digital experiences with absolute intent. While my personal aesthetic is minimal and brutalist, my work adapts to the product—whether that means modernizing a local heritage brand, architecting a complex SaaS dashboard, or building a high-conversion e-commerce funnel.

01. Design

Visual adaptability. From the aggressive, high-contrast UI of a tech startup to the delicate, airy typography of a bespoke e-commerce brand. I strip away the noise to build intentional interfaces that serve the user and elevate the product.

02. Code

The right stack for the job. Sometimes that means a blazing-fast, static-first Astro site with purely written CSS. Other times, it requires React and backend frameworks to power a dynamic application. The constant is clean, scalable, and semantic architecture.

03. Execute

End-to-end ownership. I don't just hand off design files. From frontend deployment to managing self-hosted, Dockerized environments for heavier applications, I control the pipeline to ensure the final build matches the vision perfectly.

Selected Works

thisTime

SaaS Application Architecture

Chariot Palmistry

E-Commerce Landing Concept

Bäckerei Horn

Heritage Brand Revitalization

K9Mastery

Conversion Landing Page

Aura Weddings & Events

High-Conversion Landing Page

thisTime

Role

Lead Developer & UI Architect

Tech Stack

Laravel, React, Pure CSS

Objective

Zero-Friction Scheduling Pipeline

The primary objective of thisTime was to completely overhaul the scheduling experience. The goal was to eliminate “Calendar Tetris”—turning messy, chaotic group chat negotiations into a strictly linear, automated pipeline.

To support a complex, feature-dense application, the UI was anchored in a deep, high-contrast dark mode. Neon coral accents and subtle glassmorphism are used deliberately to establish a strict visual hierarchy, guiding the user’s eye directly to primary actions without overwhelming the viewport.

The dashboard logic relies heavily on a structured bento-box grid framework. By compartmentalizing data—from active polling status to AI reasoning metrics—the interface manages high information density while maintaining an uncluttered, highly legible aesthetic. It is built for chaos, but designed for order.

Note: thisTime is an ongoing passion project serving as an active testing ground for complex, full-stack architecture. The platform is currently in development and will officially launch at thistime.app.

Chariot Palmistry

Role

Lead Developer & UI Designer

Tech Stack

HTML, Vanilla JS, Pure CSS

Objective

Product Launch Architecture

This concept study was developed to explore high-end, esoteric e-commerce architecture. The objective was to design a product launch page for a bespoke crystal kit that felt both grounded and aspirational.

Unlike the heavy, dark-mode interfaces typical of SaaS products, this layout required a much more delicate touch. The brief necessitated a bright, ethereal aesthetic that still maintained a rigorous, high-conversion structure.

To achieve this, the UI relies almost entirely on negative space and fine serif typography. By minimizing heavy borders and background colors, the interface recedes, allowing the vivid, textured product photography to dictate the visual rhythm of the page. The result is a frictionless, visually soothing funnel designed to guide users from initial curiosity directly to preorder.

Bäckerei Horn

Role

Lead Developer & UI Designer

Tech Stack

Astro, Vanilla JS, Pure CSS

Objective

Digital Modernization

Bäckerei Horn is a cornerstone of my local community. While their traditional baking is unmatched, their digital presence had fallen decades behind the quality of their craft. A master baker’s storefront—even a digital one—should reflect the caliber of their work.

The legacy site was, unfortunately, a difficult sight to behold.

I approached this redesign as a passion project for a close friend. The objective was a complete visual overhaul that modernized the brand without alienating their established, loyal customer base.

It was critical to respect the existing Corporate Identity. The design challenge was preserving their heritage—specifically their recognizable logo and signature blue—while stripping away the dated, boxed-in layouts. By introducing a sharp typographic grid and utilizing edge-to-edge photography, the legacy blue now functions as a striking, modern accent. The result is a clean, respectful digital modernization that finally lets the product speak for itself.

K9Mastery

Role

Lead Developer & UI Designer

Tech Stack

HTML, Vanilla JS, Pure CSS

Objective

Frictionless Booking Funnel

K9Mastery required a high-performance landing page to launch their digital coaching business. The directive was simple: build immediate trust and drive frictionless conversions.

The visual architecture leverages a psychology-first approach. To communicate vitality and positive reinforcement, the interface is built on a natural, verdant color palette. High-energy, contextual hero imagery sets the tone immediately, ensuring the user feels the brand’s impact before reading a single headline.

Because the consultation funnel was the critical business metric, the booking section dictated the layout hierarchy.

Secondary navigation was stripped entirely to eliminate cognitive load. By isolating the booking interface within a stark, high-contrast container, the user’s path becomes strictly linear. No distractions—just a seamless bridge from initial interest directly to a scheduled call.

Aura Weddings & Events

Role

Lead Developer & UI Designer

Tech Stack

HTML, Vanilla JS, Pure CSS

Objective

Zero-Friction Booking Funnel

Aura required a foundational digital storefront to drive their launch. The mandate was clear: establish immediate brand authority and funnel users toward a booking consultation without feeling like a traditional, aggressive sales pitch.

To achieve the requested elegance, the interface was stripped of all decorative bloat. The architecture relies entirely on generous negative space and a strict typographic hierarchy to naturally guide the user’s eye down the page.

The UI is intentionally subdued. By treating the layout as a passive, minimalist frame, the vibrant event photography becomes the sole focal point—allowing the client’s actual work to do the heavy lifting and drive conversion.

Datenschutzerklärung

1. Datenschutz auf einen Blick

Allgemeine Hinweise
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. [cite: 22] Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.

2. Allgemeine Hinweise und Pflichtinformationen

Datenschutz
Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. [cite: 24] Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.

Hinweis zur verantwortlichen Stelle
Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist identisch mit der im Impressum angegebenen Person.

Widerruf Ihrer Einwilligung zur Datenverarbeitung
Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. [cite: 25] Sie können eine bereits erteilte Einwilligung jederzeit widerrufen.

3. Datenerfassung auf dieser Website

Server-Log-Dateien
Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien. [cite: 27] Dies sind: Browsertyp, Betriebssystem, Referrer URL, Hostname, Uhrzeit, IP-Adresse. [cite: 28]

Kontaktformular
Anfrageformular-Daten werden zwecks Bearbeitung der Anfrage bei uns gespeichert. [cite: 29] Die Verarbeitung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO. [cite: 30]