Zum Inhalt springen
Surhay•Design

Enthalten

  • Struktur & Seitenplan

    Welche Seiten es gibt, in welcher Reihenfolge sie argumentieren und wo der Kontaktweg liegt — schriftlich, bevor gestaltet wird.

  • Klickbarer Entwurf

    Ihre Startseite und die wichtigsten Unterseiten als bedienbarer Prototyp in Desktop- und Mobilbreite. Sie klicken sich durch, bevor Code entsteht.

  • Designsystem

    Farben mit geprüften Kontrastwerten, eine Typo-Skala, Abstände, Schaltflächen und Formularfelder. Alles einmal entschieden, überall gleich.

  • Textgerüst

    Überschriften, Zwischenüberschriften und Handlungsaufforderungen im Entwurf ausformuliert — kein Blindtext, an dem sich nichts beurteilen lässt.

  • Responsives Verhalten

    Wie sich jede Sektion zwischen 320 und 2560 Pixeln verhält, ist Teil des Entwurfs — nicht etwas, das später beim Bauen herauskommt.

  • Barrierefreiheit ab Entwurf

    Kontraste, Fokuszustände, Schriftgrößen und Bedienreihenfolge werden im Design festgelegt, nicht nachträglich repariert.

Prozess

Vom ersten Gespräch zum Launch — in vier Schritten.

  1. 01

    Verstehen

    Wer soll auf der Seite etwas tun, und was hält ihn heute davon ab? Wir sehen uns Ihr Angebot, Ihren Markt und die Websites an, gegen die Sie antreten.

  2. 02

    Struktur

    Zuerst der Seitenplan und die Reihenfolge der Argumente. Diese Entscheidung kostet in der Struktur Minuten und im fertigen Design Tage.

  3. 03

    Entwurf

    Ein vollständig gestalteter, klickbarer Entwurf. Sie geben Feedback in zwei Runden — danach ist der Entwurf freigegeben und der Umfang fix.

  4. 04

    Übergabe

    Der freigegebene Entwurf geht in die Entwicklung. Was dort entsteht, sieht aus wie das, was Sie freigegeben haben.

Entwurfswerkzeug

Sie sehen die Website, bevor sie gebaut wird

Entworfen wird nicht in Bildern, sondern in klickbaren Prototypen. Sie öffnen einen Link, gehen durch Ihre eigene Seite und geben frei — Änderungen kosten hier Minuten statt Umbauten am fertigen Code.

  • Figma

    Hier entsteht Ihre Website als klickbarer Entwurf, bevor eine Zeile Code geschrieben wird. Sie sehen jede Seite auf Bildschirm und Handy und geben frei, was gebaut wird.

  • Framer

    Für Bewegung und Übergänge, die sich im Entwurf schon anfühlen wie später im Browser. Aus demselben Stand geht eine Landingpage oder Kampagnenseite auch direkt online.

FAQ

Häufige Fragen, ehrliche Antworten.

Alle Fragen

Nein — einen, und den begründet. Drei Vorschläge bedeuten, dass zwei davon ohne Überzeugung entstanden sind. Stattdessen gibt es zwei Korrekturrunden am einen Entwurf, in denen wir gemeinsam nachschärfen.

Ja. Wenn ein Corporate Design vorliegt, arbeiten wir darin. Fehlt es, entsteht ein schlankes Designsystem aus Farbe, Schrift und Abständen, das sich später zu einer Marke ausbauen lässt.

Dann gibt es die zwei Korrekturrunden. Tragen die nicht, endet das Projekt nach der Designphase — Sie bezahlen die geleistete Arbeit und behalten den Entwurf. Ein Design, das Sie nicht überzeugt, überzeugt Ihre Kunden auch nicht.

Bereit für einen professionellen digitalen Auftritt?

Lassen Sie uns gemeinsam eine Website entwickeln, die Ihr Unternehmen sichtbar macht. Antwort innerhalb von 24 Stunden mit transparentem Festpreis.

  • Unsplash
  • Google
  • WordPress
  • Pinterest