Zum Inhalt springen

Digital Studio · Berlin

Digitale Ideen.Mit Charakter.

Ich bin Ole Herold. Ich gestalte und entwickle individuelle Websites und Webanwendungen – Form und Funktion aus einer Hand, vom ersten Entwurf bis zur letzten Codezeile.

01 — Ausgewählte Arbeiten

Ausgewählte Arbeiten.

Websites, Plattformen und Werkzeuge für Büros, Vereine, Einrichtungen und Betriebe. Jedes Projekt beginnt mit der Frage, was es wirklich leisten muss.

04Projekte

01Corporate WebsiteLive
Projektübersicht von Seidl+Seidl Architekten auf dem Smartphone

SEIDL+SEIDL Architekten – Case Study ansehen

Ein ruhiger, bildstarker Auftritt für ein Architekturbüro in Falkensee – die gebauten Projekte stehen im Mittelpunkt.

Web Design · Frontend Development · Responsive Design · SEO

02Vereinsportal · Redesign-KonzeptKonzept · Prototyp
Prototyp-Startseite von Pro Sport Berlin 24 auf dem Smartphone mit der Headline „Dein Sport. Dein Berlin.“

Pro Sport Berlin 24 – Case Study ansehen

Redesign-Konzept für einen großen Berliner Sportverein: ein Portal, das viele Angebote über die Frage „Für wen?“ zugänglich macht.

UI/UX Design · Web Development · Informationsarchitektur · Skalierbare Webplattform

03Multi-Site-Plattform mit CMSIn Entwicklung
Startseite der Kita Salabanda auf dem Smartphone

Kita Salabanda & Salamander – Case Study ansehen

Eine Plattform für mehrere Kitas – mit visuellem Editor, zehn Sprachen und einer Administration, die ohne Technikwissen auskommt.

Web Development · Content Management · Visueller Editor · Mehrsprachigkeit · Administration

04Individuelle Business-Web-App
Screenshots folgen
  • Web Application
  • Bestandsverwaltung
  • Prozessdigitalisierung
  • Administrationsoberfläche

Interne Anwendung – Ansichten werden ergänzt, sobald sie freigegeben sind.

Zoo Eisstände – Case Study ansehen

Eine maßgeschneiderte Web-App für den Betrieb von Eisständen: Bestände im Blick, Abläufe digital, alles in einer Oberfläche.

02 — Über mich

Die Person hinter den Projekten.

Mein Name ist Ole Herold. Ich bin selbstständiger Webentwickler und Designer und studiere Medieninformatik an der Berliner Hochschule für Technik.

Mein Schwerpunkt liegt auf individuell gestalteten Websites und Webanwendungen, die nicht nur gut aussehen, sondern auch technisch sauber gebaut sind. Gestaltung und Code entstehen bei mir am selben Tisch – deshalb geht zwischen Entwurf und Umsetzung nichts verloren.

Gute Gestaltung ist, wenn man nicht merkt, wie viel Arbeit darin steckt.

Studium
MedieninformatikBerliner Hochschule für Technik
Arbeitsweise
Eine AnsprechpersonVon der ersten Idee bis zum Launch
Standort
BerlinProjekte vor Ort und remote

03 — Leistungen

Was ich für dich umsetzen kann.

Fünf Disziplinen, ein Anspruch: Dinge, die gut aussehen, gut funktionieren und sich gut pflegen lassen.

01

Web Design

Individuelle visuelle Konzepte und responsive Interfaces – mit eigener Typografie, klarer Hierarchie und einem Designsystem, das wächst.

Instrument Serif

Geist · UI & Fließtext

  • Paper
  • Blush
  • Rose
  • Mauve
  • Ink
Ausschnitt aus dem Designsystem dieser Website.

02

Web Development

Performante, wartbare und moderne Websites. Sauberer Code, der auch in zwei Jahren noch verständlich ist.

<Reveal delay={120}>
  <ProjectCard … />
</Reveal>
  • Frontend
  • Komponenten
  • Responsive

03

Web Applications

Maßgeschneiderte digitale Werkzeuge und Business-Anwendungen, die echte Abläufe abbilden.

  • Dashboards
  • Verwaltung
  • Prozesse

04

CMS & Content

Flexible Content-Management-Lösungen, mit denen dein Team Inhalte selbst pflegt – ohne Angst, etwas kaputt zu machen.

  • Redaktion
  • Mehrsprachigkeit
  • Rollen

05

Performance & SEO

Technische Optimierung, Barrierefreiheit und Auffindbarkeit als Teil des Handwerks – nicht als nachträglicher Aufschlag.

  • Core Web Vitals
  • Accessibility
  • Technische SEO

01 / 05

04 — Arbeitsweise

Von der Idee zum digitalen Produkt.

Vier Phasen, klare Zwischenstände. Du weißt jederzeit, woran gerade gearbeitet wird – und warum.

  1. Schritt 01: Verstehen

    Wir klären Ziele, Zielgruppen und Rahmenbedingungen. Was muss das Projekt leisten – und was nicht?

  2. Schritt 02: Konzipieren

    Struktur, Inhalte und Technik werden geplant. Am Ende steht ein Konzept, auf das sich alle verlassen können.

  3. Schritt 03: Gestalten & Entwickeln

    Design und Code entstehen im Wechselspiel. Du siehst früh echte Zwischenstände im Browser statt nur Bildern.

  4. Schritt 04: Veröffentlichen & Weiterentwickeln

    Launch, Feinschliff und Übergabe. Auf Wunsch bleibe ich danach an Bord und entwickle weiter.

05 — Kontakt

Gute Ideen verdieneneine gute Umsetzung.

Erzähl mir von deinem Vorhaben – gern auch, wenn es noch unfertig ist. Ich melde mich mit einer ehrlichen Einschätzung und den nächsten sinnvollen Schritten.

Kontaktadresse folgt in Kürze

Was beim ersten Schreiben hilft

  1. 01Worum geht es – und für wen?
  2. 02Gibt es einen Zeitrahmen?
  3. 03Was existiert schon, was fehlt noch?
Standort
Berlin