Brand Identity & Digitale Produkte

Aus Ideen etwas,
das man bauen kann.

Visuelle Identität, prägnante Brandsprache und funktionierende digitale Oberflächen — direkt im Browser interaktiv erlebbar.

Vorgehen

Marke. Struktur. Prototyp. Übergabe.

01

Identität

Kern der Idee, unverwechselbare Haltung & verbindliche Vektormarken.

02

Architektur

Nutzerführung, Screen-Flows und Logik strukturiert vor dem Bau.

03

Prototyp

Funktionierende Oberflächen, direkt im Browser erleb- und testbar.

04

Übergabe

Sauberes GitHub Repository, Dokumentation und 100% dein Eigentum.

Über mich · Haltung & Handwerk

Nicht in Fachgrenzen denken. Sondern in funktionierenden Ergebnissen.

Aus einer vagen Idee einen handfesten Prototypen bauen, ein konkretes Konzept – das ist mein Spezialgebiet.

Während andere noch Abstimmungsrunden drehen oder PowerPoints füllen, baue ich bereits den ersten interaktiven Klick-Prototyp. Meine Stärke ist der Brückenschlag: Ich denke nicht in starren Silos oder Abteilungsgrenzen. Für mich greifen Design, Markenidentität, Nutzerführung und Code nahtlos ineinander.

Schnell gebaut. Sofort testbar. Ehrlich validiert.

Ich sehe Querverbindungen, wo andere getrennte Disziplinen vermuten. Und ich habe keine Berührungsängste vor neuen Technologien, komplexer Logik oder Branchen, die ich gestern noch nicht kannte: Je anspruchsvoller die Aufgabe, desto schneller ist die Lösung im Browser auf dem Schirm.

Jedes Projekt ist ein Wissens- und Geschwindigkeits-Katalysator: Neue Werkzeuge, smarte Architekturen und frische Denkweisen fließen direkt in die nächste Lösung ein. Das Ergebnis: Höchste Umsetzungsgeschwindigkeit, maximale Klarheit und Produkte, die von Tag eins an funktionieren.

Handwerk & Fokus

Was ich konkret für dich baue

Ich konzipiere und realisiere reaktive Web-Applikationen, moderne Dashboards, interaktive Interfaces und klickbare MVPs für Startups, Gründer:innen und agile Teams. Dazu gehören durchdachte Automatisierungen und unverwechselbare Markenkits — technisch umgesetzt mit Next.js, React, TypeScript, Tailwind CSS, modernen Browser-APIs und skalierbaren Design-Systemen.

Klare Fragen

Ehrliche Analyse statt substanzloser Buzzwords.

Echtes Produkt

Klickbare Prototypen statt endloser Konzeptfolien.

Ehrliches Urteil

Klares Feedback, bevor teures Budget verbrannt wird.

Daria Streblow — Gründerin & Interface-Gestalterin im Studio
01

Portrait & Fokus

Daria Streblow
Daria Streblow im rosa Anzug sitzend
02

Identität & Konzept

Daria Streblow
Expertise & Tech Stack

Fachbegriffe, Werkzeuge & Kernkompetenzen

Kompakt strukturiert für schnelle Validierung & SEO

Rapid Prototyping & MVPs

Clickable MVPsProof of Concept (PoC)Click-DummiesUser Journey MappingInterface ArchitectureLean Startup Cycles

Modern Frontend & Web

Next.js (App Router)React 19TypeScriptTailwind CSSResponsive Web AppsREST & Web APIsNode.js / Python

Creative Tech & Interaction

HTML5 CanvasThree.js & WebGLInteraktive Micro-AppsPhysik- & 2D/3D-SimulationenGamification

Brand Identity & Systems

Corporate Brand KitsDesign SystemsVektor- & SVG-CraftingTypografie & LayoutUsability & UI/UXConversion Design
Hast du ein Projekt oder eine Idee im Kopf?
Gespräch anfragen
Markenidentität & Brandingkits

Ganzheitliche Markenkits mit System

Auf dem Vorschaubild zusammengefasst: Logo, Marken-Signet, Farbklima und Schriftart. Beim Klick auf eine Karte öffnet sich das vollständige Dossier zu Farben, Schriften, Stil, Design und Kernbotschaft.

Avasdream
Tech & Security Identity
Markenkit öffnen →
Tech & Security Identity · Logo final

Avasdream

„Signal statt Rauschen: KI-Tools & Security fundiert seziert.“

Offizielles Markenkit aus „Logo final“ (Design-System Copper Circuit): Verbindlich zweifarbiges Duotone-Markenzeichen mit Lambda-Spitze (^ in Textfarbe) und Kupfer-Pfeil (>_) sowie strikter Cursorstrich-Regel (|) für YouTube, LinkedIn und Code-Audits.

Farbklima:8 Farbwerte
Inter (Wortmarke & UI) + JetBrains Mono (Terminal / CLI)
NachbarHood
Community Brand
Markenkit öffnen →
Community Brand · Bremen-Schwachhausen

NachbarHood

„Damit Nachbarschaft wieder Nachbarschaft wird.“

Ganzheitliche Markenidentität und Marketing-Ausstattung für Bremen-Schwachhausen: Vom Hoodie-Haus-Signet über die Lora-Serif-Wortmarke bis zu Instagram Highlight-Covern (1080x1920), Türhängern und Print-Flyern für echte gegenseitige Alltagshilfe.

Farbklima:6 Farbwerte
Lora (Serif Headings) + Plus Jakarta Sans (UI / Copy)
HappyHypno.online
Digitale Praxis
Markenkit öffnen →
Digitale Praxis · Achtsamkeit & Hypnose

HappyHypno.online

„Was Yoga für den Körper ist, ist meditative Hypnose für den Geist.“

Das gemütliche Nilpferd mit der runden Terracotta-Brille im ruhigen Atem-Kreis. Ein Hauch Selbstironie, wissenschaftlich fundierte Tiefenentspannung und 100% HWG-konforme Kommunikation ohne esoterischen Kitsch oder falsche Heilversprechen.

Farbklima:6 Farbwerte
Fraunces (Display Headings) + DM Sans (Fließtext / UI)
GSL Global Shipping
Maritime B2B
Markenkit öffnen →
Maritime B2B · Markenkit & Website Relaunch

GSL Global Shipping

„Zuverlässige und professionelle Logistiklösungen weltweit.“

Offizielles Markenkit v1 und Relaunch-Design für GSL Global Shipping & Logistics: Verbindliches Farbklima aus Tiefsee-Navy (#00263D), akzentuiertem Signalrot (#C74648, strikte 5%-Regel) und klaren Kartenflächen (#F4F5F7) auf DM Sans- und Inter-Typografie. Begleitet von interaktiven 3D-Globus- und WebAR-Handysize-Exponaten.

Farbklima:7 Farbwerte
DM Sans (Wortmarke & Headings) + Inter (Lauftext & UI)
Die Prototyperin
Creative Studio & Rapid Prototyping
Markenkit öffnen →
Creative Studio & Rapid Prototyping

Die Prototyperin

„Aus Ideen etwas, das man bauen kann.“

Daria Streblows Studio-Identität für Brand Design, greifbare Benutzeroberflächen und funktionierende Software-Prototypen: Solar Coral (#FF2D55), Royal Cobalt (#1E40AF) und Sun Gold (#FFB703) auf reinem Platin-Canvas.

Farbklima:5 Farbwerte
Plus Jakarta Sans (Display) + Space Grotesk (Sublines)
Tiefenraum Kosmos
Spatial Mind Space
Markenkit öffnen →
Spatial Mind Space · Wissensarchitektur

Tiefenraum Kosmos

„Kühle Strukturen, warme Knoten-Synapsen, echte Tiefe.“

Räumliche Wissensarchitektur und visuelle Ideenverknüpfung: Dunkles Nachtviolett (#0d0b21), glühende Bernstein-Knoten (#f0a860) und kühle Verbindungsfäden (#8f86d9) schaffen einen meditativen Denkraum jenseits von 2D-Ordnerstrukturen.

Farbklima:6 Farbwerte
Marcellus (Titel / Zentren) + Figtree (UI)
Creative Tech & Neue Arbeiten

Lernwelten, 3D-Globus & Civic Tech

Vier browserbasierte Medienpädagogik-Spiele zum direkten Spielen, räumliche Three.js 3D-Systeme für maritime Displays sowie ein faktenbasierter Reality-Check Bot — ohne Installation sofort im Browser erlebbar.

Rennstrecke — Entscheidungsbäume & Pfad-Adressierung
Lernspiel · Medienpädagogik🎮 Direkt spielbar
Spiel starten (3D-Kart)
Zielgruppe: Grundschule & Sek. I (8–14 Jahre)

Rennstrecke — Entscheidungsbäume & Pfad-Adressierung

Kinder steuern ein 3D-Kart über eine Strecke, die sich von 1 in 2, dann 4, dann 8 Wege verzweigt. Bei einer Gabelung reicht 'links' — bei zweien wird 'links' mehrdeutig. So begreifen Schülerinnen und Schüler spielerisch, warum wachsende Verzweigungen präzise Adressierung erfordern.

💡 Verzweigung 1 → 2 → 4 → 8 Enden · Reines HTML5/Three.js
Quellen-Detektiv — KI-Faktencheck & Linktree
Lernspiel · Medienpädagogik🕵️ Direkt spielbar
Faktencheck starten
Zielgruppe: 7.–9. Klasse (13–15 Jahre)

Quellen-Detektiv — KI-Faktencheck & Linktree

Jugendliche untersuchen einen aufbereiteten Social-Media-Linktree zu einem aktuellen Jugendthema. Darin versteckt: subtile Halluzinationen in KI-Zusammenfassungen, verdrehte Statistiken und erfundene Quellenjahre. Trainiert kritisches Hinterfragen generativer Textsysteme.

💡 Didaktischer Fehler-Check · Sofortiges Feedback im Browser
TikTok-Detektiv — Alibi-Check & OSINT
Lernspiel · Medienpädagogik📱 Direkt spielbar
Alibi-Check starten
Zielgruppe: 7.–10. Klasse (12–16 Jahre)

TikTok-Detektiv — Alibi-Check & OSINT

In einer nachgebauten TikTok-Oberfläche (Feed, Kommentare, Soundspuren und Profil-Metadaten) überprüfen Schülerinnen und Schüler Aussagen und Alibis von Verdächtigen auf ihren Wahrheitsgehalt. Wetterdaten, Schattenwurf und Soundkulisse entlarven Widersprüche.

💡 Realitätsnahe Social-Media-Simulation · Audio- & Bildanalyse
Klassenhaustier — Präzision & Sequenz
Lernspiel · Medienpädagogik🐹 Direkt spielbar
Haustier programmieren
Zielgruppe: 4–10 Jahre (Kita & Klasse 1–4)

Klassenhaustier — Präzision & Sequenz

Kinder legen Symbolkarten in eine Reihe, das virtuelle Haustier führt die Anweisungen exakt so aus, wie sie gelegt wurden. Füttern klappt nur, wenn das Tier wirklich beim Napf steht. Ohne Schimpfen wird spürbar: Genauigkeit und logische Reihenfolge entscheiden.

💡 Symbolkarten-Coding · Visuelles Ursache-Wirkung-Prinzip
GSL 3D-Globus — Interaktives Display-System
Spatial Web · 3D Display🌐 3D Drehen & Zoomen
3D-Globus öffnen
Zielgruppe: Reeder, Befrachter & Messebesucher

GSL 3D-Globus — Interaktives Display-System

Interaktiver TV- & Tablet-Display-Globus mit Cinematic-Tour, Sternenhimmel, Amerika-Routenfokus und Lars Elkjaer Dual-QR-Dock (vCard & WebAR) aus dem AvasDream web-ar-experiment. Vollbildfähig und für Messen, Großdisplays & Showrooms optimiert.

💡 Cinematic Auto-Tour · Deep Space Starfield · Dual QR-Dock
GSL WebAR-Visitenkarte & Handysize-Bulker
Spatial Web · Augmented Reality📱 AR Quick Look & 3D
AR-Visitenkarte öffnen
Zielgruppe: Messegespräche & Reederei-Partner

GSL WebAR-Visitenkarte & Handysize-Bulker

Digitale NFC- & WebAR-Visitenkarte von Lars Elkjaer (Managing Partner, Global Shipping & Logistics GmbH). Mit 3D-Globus im physischen Raum (Kamera-Passthrough & Gyro-Tracking), Direkt-Export von Lars Elkjaers vCard (.vcf), Telefonie, E-Mail und Fahrplan-Links.

💡 AR-Globus mit Seewegen · vCard-Sofortimport · Zweisprachig (DE/EN)
Politticker Reality-Check — WhatsApp & Instagram Bot
Civic Tech · Auskunfts-Bot⚡ Live ausprobieren
Reality-Check Bot testen
Zielgruppe: Wähler, Schüler & Multiplikatoren

Politticker Reality-Check — WhatsApp & Instagram Bot

Ein faktenbasierter Auskunfts-Bot für WhatsApp und Instagram, der politische Behauptungen mit tatsächlichen Abstimmungsprotokollen, Gesetzentwürfen und neutralen Studien vergleicht — mit Primärquellenangabe und 3 Aktionen zum Weiterverbreiten (Status-Text, Beschwerdebrief, Petition).

💡 Sicherheitsgeprüfte Fakten-Engine · 1-Klick Share-Aktionen

Didaktischer Einsatz im Unterricht & Klassenraum

Alle vier Spiele laufen ohne Installation, ohne Backend und ohne Login direkt im Browser. Geeignet für Klassenräume, Beamer und Tablets. Ein Link für alle vier Spiele:

Portal für Kolleginnen & Eltern
Beispiele & Prototypen

Ausgewählte Arbeiten

Das KI-Scherzgericht
Interaktive JustizAusprobieren ⚖️

Das KI-Scherzgericht

Ob der Montagmorgen, der streikende WLAN-Router oder die linke Socke nach dem Waschgang: Reiche deine Klage ein, wähle deinen Fall und empfange das unbarmherzige, satirische Urteil von Richter KI-Bot III. samt Stempel und Strafmaß.

Interaktive Verhandlungslogik · Verfahrens-Engine & Hall of Fame
Stauplan — Maritimes Fracht- & Ladespiel
Simulation & SpielLive spielbar ⚓

Stauplan — Maritimes Fracht- & Ladespiel

Ein randvolles Schiff kann im ersten Sturm kentern, wenn der Schwerpunkt zu hoch wandert oder Fracht nach Lee rutscht. Stau Coils, Brammen und Schüttgut in den Bauch des Frachters und teste deine Stauung im simulierten Seegang.

HTML5 Canvas Physics · Hydrostatische Schwerpunkt- & Krängungskalkulation
NachbarHood — Viertel-Markenkit
Quartiers-IdentitätMarkenkit 🏘️

NachbarHood — Viertel-Markenkit

Damit Nachbarschaft wieder Nachbarschaft wird. Maria (74) kocht gern Suppe, Lisa (22) hat Prüfungsstress. Warum muss jeder im Haus eine eigene Bohrmaschine besitzen? Ein lebendiges Markenkit für Bremen-Schwachhausen.

Lora Serif & Plus Jakarta Sans · Story-Cover & Print-Ausstattung
HappyHypno.online — Praxis-Markenkit
Achtsamkeit & PraxisPraxis-Markenkit 🦛

HappyHypno.online — Praxis-Markenkit

Das gemütliche Nilpferd mit der Terracotta-Brille im ruhigen Atem-Kreis. Ein Hauch Selbstironie, wissenschaftlich fundierte Entspannung für ein überreiztes Nervensystem und 100% ehrliche Sprache ohne falsche Heilversprechen.

HWG-konforme Tonalität · Fraunces & DM Sans · Vektor-Markenkit
Kontakt

Lass uns deine Idee greifbar machen.

Designerin und Gestalterin digitaler Produkte aus Bremen. Ob ganzheitliches Markenkit, visuelle Identität oder eine funktionierende Webanwendung: Ich freue mich auf spannende Projekte und ehrliche Zusammenarbeit.

Standort: Bremen, Deutschland & Remote
GitHub (@Dariusbaktus)