+49 177 4624297 Projekt besprechen

Arbeitsweise

Kein Projekt beginnt, bevor klar ist, was am Ende dasteht.

Wir arbeiten in festen Schritten mit festen Ergebnissen. Sie wissen zu jedem Zeitpunkt, woran wir sind, was als Nächstes kommt und was wir dafür von Ihnen brauchen.

Schritte
Sechs, jeder mit eigener Abnahme
Zwischenstand
Durchgehend unter einer Testadresse einsehbar
Feedbackrunden
Zwei fest eingeplant, weitere nach Aufwand

01 Ablauf

So läuft ein Projekt bei uns.

Sechs Schritte, feste Ergebnisse, klare Zuarbeit. Kein Schritt beginnt, bevor der vorherige abgenommen ist.

  1. 01 30–45 Minuten · kostenlos

    Erstgespräch

    Wir sprechen über Ihr Unternehmen, den Anlass und darüber, was die Website leisten soll. Wenn Sie bereits eine Seite haben, sehen wir sie uns vorher an und bringen konkrete Beobachtungen mit. Am Ende sagen wir Ihnen ehrlich, ob wir die richtigen sind.

    Ergebnis
    Eine Einschätzung zu Umfang, Ablauf und grober Größenordnung.
    Von Ihnen
    Eine halbe Stunde Zeit und die Frage, was Sie eigentlich stört.
  2. 02 3–5 Werktage nach dem Gespräch

    Angebot & Struktur

    Sie erhalten ein schriftliches Angebot mit einzelnen Positionen — nicht eine Summe für „eine Website“. Dazu einen Vorschlag für die Seitenstruktur: welche Seiten es gibt, was auf jede gehört und in welcher Reihenfolge jemand das liest.

    Ergebnis
    Angebot mit Positionen, Seitenstruktur, Termin für den Livegang.
    Von Ihnen
    Rückmeldung, ob die Struktur zu Ihrem Geschäft passt.
  3. 03 1–3 Wochen

    Inhalte & Gestaltung

    Wir gestalten direkt im Browser statt in einer PDF-Attrappe — Sie sehen von Anfang an, wie sich die Seite auf dem Handy und am Rechner anfühlt. Parallel entstehen die Texte: Sie liefern das Fachliche, wir bringen es in eine Form, die auch Fachfremde verstehen.

    Ergebnis
    Entwurf der Kernseiten unter einer Testadresse, abgestimmte Texte.
    Von Ihnen
    Zwei Feedbackrunden, Bildmaterial, fachliche Korrektur der Texte.
  4. 04 2–5 Wochen

    Entwicklung

    Die restlichen Seiten entstehen, Formulare werden angebunden, Inhalte gepflegt. Der Zwischenstand liegt durchgehend unter derselben Testadresse — Sie müssen nicht auf eine große Enthüllung warten und können jederzeit reinschauen.

    Ergebnis
    Vollständige Website unter Testadresse, technisch fertig.
    Von Ihnen
    Freigabe der Inhalte, Zugang zu Domain und bestehendem Hosting.
  5. 05 2–4 Werktage

    Prüfung & Livegang

    Vor dem Umschalten läuft eine feste Prüfliste: Darstellung auf sieben Bildschirmbreiten, Bedienung nur mit der Tastatur, Kontraste, Ladezeit, jedes Formular einmal echt abgeschickt, jeder Link geprüft, Weiterleitungen der alten Adressen gesetzt.

    Ergebnis
    Website live, Prüfprotokoll, Zugänge und kurze Einweisung.
    Von Ihnen
    Ein Termin zur Abnahme und die Freigabe zum Umschalten.
  6. 06 laufend

    Danach

    Nach dem Livegang bleiben dieselben zwei Personen zuständig. Auf Wunsch übernehmen wir Betrieb, Updates und Änderungen; wenn Sie das selbst machen wollen, bekommen Sie alles, was Sie dafür brauchen — inklusive Quellcode.

    Ergebnis
    Betreuung nach Aufwand oder monatlich — oder eine saubere Übergabe.
    Von Ihnen
    Melden, wenn etwas nicht stimmt. Auch nach zwei Jahren.

02 Werkzeuge

Womit wir arbeiten — und warum ausgerechnet damit.

Keine Logowand. Zu jedem Werkzeug steht, wofür wir es einsetzen und welche Entscheidung dahintersteckt. Wenn etwas für Ihr Projekt nicht passt, sagen wir das.

WEB

Websites

Unternehmenswebsites bauen wir als statische Seiten. Der Server liefert fertiges HTML aus, es läuft kein Programm im Hintergrund, das angegriffen werden könnte.

Astro Erzeugt die fertigen HTML-Seiten aus Komponenten und Inhalten.
Liefert standardmäßig kein JavaScript aus. Was interaktiv sein muss, wird gezielt nachgeladen — der Rest ist reines HTML und damit schnell und robust.
TypeScript Alle Inhalte und Datenstrukturen sind typisiert.
Ein fehlendes Feld fällt beim Bauen auf und nicht auf der Live-Seite. Das klingt nach Entwicklerthema, verhindert aber genau die leeren Stellen, die Besucher sehen.
CSS ohne Framework Gestaltung über ein eigenes System aus Farb-, Schrift- und Abstandswerten.
Ein Framework bringt Gestaltungsentscheidungen mit, die man später mühsam überschreibt. Ein eigenes Wertesystem ist kleiner, schneller und sieht nicht aus wie tausend andere Seiten.
Sharp Rechnet Bilder in moderne Formate und passende Größen um.
Bilder sind fast immer der größte Posten einer Seite. Automatisch erzeugte Varianten sparen mehr Ladezeit als jede andere Einzelmaßnahme.
APP

Anwendungen

Sobald sich jemand anmelden oder Daten verändern soll, kommt eine Anwendung dazu — mit Datenbank, Rechten und einer Schnittstelle dazwischen.

Node.js Serverseitige Logik, Schnittstellen, geplante Abläufe.
Dieselbe Sprache wie im Browser. Bei einem Zwei-Personen-Studio heißt das: Beide können jeden Teil des Projekts lesen und ändern.
PostgreSQL & SQLite Datenhaltung — je nach Größe des Vorhabens.
Nicht jedes Projekt braucht einen Datenbankserver. Für kleine Anwendungen ist eine Datei die ehrlichere Lösung, die sich später ohne Umbau ablösen lässt.
JSON-Schnittstellen Anbindung an Warenwirtschaft, CRM, Buchhaltung, Kalender.
Wir prüfen vorher, was die Gegenseite tatsächlich kann. Eine dokumentierte Schnittstelle ist ein Versprechen, kein Naturgesetz.
TEST

Prüfen & Messen

Vor jedem Livegang läuft dieselbe Prüfstrecke — automatisiert, damit sie nicht ausgerechnet dann ausfällt, wenn es eilig ist.

Playwright Bedient die Seite wie ein Mensch: klickt, tippt, sendet Formulare ab.
Ein Kontaktformular, das keine Mails verschickt, fällt sonst erst auf, wenn ein Kunde anruft und fragt, warum sich niemand meldet.
axe-core Prüft Barrierefreiheit gegen die WCAG-Kriterien.
Findet die messbare Hälfte der Probleme automatisch. Die andere Hälfte prüfen wir von Hand — mit Tastatur und ohne Maus.
Lighthouse Misst Ladezeit, Verschiebungen im Layout und technisches SEO.
Gibt uns eine Zahl, die wir Ihnen vor und nach dem Relaunch zeigen können. Gefühlte Geschwindigkeit ist kein Abnahmekriterium.
BETRIEB

Betrieb

Was live geht, muss auch in zwei Jahren noch aktualisierbar sein — von uns oder von jemand anderem.

Git Jede Änderung ist nachvollziehbar und rücknehmbar.
Sie bekommen den vollständigen Verlauf mit übergeben. Kein Ordner mit „website_final_v3_NEU“.
Hosting in der EU Betrieb auf Servern in Deutschland oder der EU.
Vereinfacht die Datenschutzdokumentation erheblich und erspart die Diskussion über Datenübermittlung in Drittländer.
Automatisierte Veröffentlichung Änderung freigeben, Prüfstrecke läuft, Seite geht live.
Kein Hochladen per FTP, kein vergessener Zwischenstand. Und ein Weg zurück, falls doch etwas nicht stimmt.

03 Vor dem Livegang

Diese Liste läuft, bevor eine Seite online geht.

Jedes Mal dieselbe, egal wie eilig es ist. Das Protokoll bekommen Sie mit der Abnahme — Sie können also nachlesen, was tatsächlich geprüft wurde.

01 Darstellung

  • Sieben Bildschirmbreiten von 375 bis 1920 Pixeln, jede Seite einzeln
  • Kein waagerechtes Scrollen — auf keiner Breite, auf keiner Seite
  • Lange Wörter, lange Adressen, leere Felder: Bruchstellen gezielt provoziert
  • Darstellung ohne Bilder und ohne Schriften geprüft

02 Bedienung

  • Jede Seite vollständig mit der Tastatur bedienbar
  • Sichtbarer Fokusrahmen an jedem bedienbaren Element
  • Kontraste gegen WCAG AA geprüft, auch für Platzhaltertexte
  • Formulare mit Vorleseprogramm durchgegangen
  • Bewegung respektiert die Systemeinstellung für reduzierte Animation

03 Technik

  • Jedes Formular einmal echt abgeschickt — inklusive Zustellprüfung
  • Alle internen und externen Links aufgerufen
  • Weiterleitungen für sämtliche alten Adressen gesetzt und stichprobenartig aufgerufen
  • Ladezeit gemessen und protokolliert, mobil und am Rechner
  • Titel, Beschreibungen, strukturierte Daten und Sitemap geprüft
  • Fehlerseite, Impressum und Datenschutz erreichbar

Ein Teil davon läuft automatisiert — deshalb fällt er auch dann nicht aus, wenn ein Termin drückt. Der Rest ist Handarbeit: Manche Dinge sieht man erst, wenn man die Seite tatsächlich bedient.

04 Fragen

Zum Ablauf und zur Zusammenarbeit.

Die Antworten sind so ehrlich, wie wir sie auch am Telefon geben würden — inklusive der Stellen, an denen wir nicht die Richtigen sind.

01 Ihr seid neu. Warum sollten wir euch ein Projekt anvertrauen?

Weil wir das nicht überspielen. Wir haben unser Studio gerade erst gegründet und zeigen deshalb keine fremden Logos und keine erfundenen Zahlen. Was wir zeigen können, ist Handwerk: diese Website hier, unsere eigenen Konzepte im Studio-Bereich und einen Ablauf, der offenlegt, was wann passiert.

Praktisch heißt das für Sie: Sie arbeiten direkt mit den beiden Personen, die den Code schreiben. Es gibt keine Zwischenebene, die Anforderungen weiterreicht, und niemanden, der ein Angebot verkauft, das andere umsetzen müssen. Und wenn Sie unsicher sind: Der erste Abschnitt lässt sich klein halten — eine Landingpage oder eine einzelne Automatisierung ist ein überschaubarer Anfang.

02 Wie lange dauert die Umsetzung?

Eine Landingpage meist ein bis drei Wochen, eine Unternehmenswebsite drei bis acht, ein Relaunch mit Bestandsaufnahme vier bis zehn. Anwendungen schätzen wir erst nach einem kurzen Konzeptabschnitt.

Der häufigste Grund für Verzögerung sind übrigens nicht wir, sondern fehlende Inhalte. Deshalb sagen wir zu jedem Schritt dazu, was wir von Ihnen brauchen — und erinnern daran, bevor es klemmt.

03 Was passiert nach dem Livegang?

Sie bekommen alle Zugänge, eine kurze Einweisung und eine schriftliche Dokumentation. Danach haben Sie die Wahl: Wir übernehmen Betrieb, Updates und Änderungen monatlich, wir arbeiten auf Zuruf nach Aufwand, oder Sie machen es selbst.

In allen drei Fällen gehören Ihnen die Website, der Quellcode und die Domain. Sie sind nicht an uns gebunden, um weiterarbeiten zu können.

04 Bekommen wir Hosting und Wartung bei euch?

Ja. Hosting auf Servern in Deutschland oder der EU, mit Verschlüsselung, automatischen Sicherungen und Überwachung der Erreichbarkeit. Dazu Updates und ein festes Änderungskontingent.

Monatlich kündbar. Wir halten nichts von Verträgen, die vor allem den Anbieter schützen.

05 Arbeitet ihr nur in Hamburg?

Wir sitzen in Hamburg-Harburg und kommen im Umkreis von etwa 60 Kilometern gern persönlich vorbei — Hamburg, Buxtehude, Stade, Lüneburg, Norderstedt, Pinneberg und alles dazwischen.

Darüber hinaus arbeiten wir remote, das funktioniert für Websites problemlos. Für das Erstgespräch und die Abnahme sitzen wir aber lieber einmal am selben Tisch.

05 Kontakt

Erzählen Sie uns, was Sie vorhaben.

Ein halbstündiges Gespräch, in dem Sie Ihr Vorhaben schildern und wir sagen, was es braucht — Umfang, Ablauf, Größenordnung. Kostenlos und unverbindlich. Wenn wir nicht die Richtigen sind, sagen wir das auch.

Projekt besprechen Lieber direkt sprechen? +49 177 4624297
  1. 01 Sie schildern Ihr Vorhaben in ein paar Sätzen.
  2. 02 Wir melden uns in der Regel am selben Werktag und schlagen einen Termin vor.
  3. 03 30 Minuten Gespräch — per Video oder bei Ihnen vor Ort.
  4. 04 Danach: schriftliches Angebot mit Positionen oder eine ehrliche Absage.