Phase 3 von 4

Gestaltung mit Absicht.

Jetzt bekommt die Struktur ein Gesicht. Wir entwickeln eine visuelle Leitidee für Ihren Auftritt und gestalten daraus jede Seite, jedes Element und jeden Zustand.

Ein roter Punkt auf weißem Grund genügt, wenn er an der richtigen Stelle sitzt.

Halbtonraster der Buchstaben „Aa“ mit einem roten Rasterpunkt.

Art Direction ist die Entscheidung, wie Ihr Betrieb wirken soll, bevor jemand den ersten Satz gelesen hat. Ruhig oder kraftvoll, handwerklich oder technisch, warm oder kühl. Daraus leiten wir eine Leitidee ab, die Schrift, Farbe, Bildsprache und Bewegung zusammenhält. Sie sorgt dafür, dass Ihr Auftritt eigenständig wirkt und nicht wie eine Vorlage, die zufällig Ihr Logo trägt.

Das Interface-Design übersetzt diese Idee in bedienbare Seiten. Wie groß muss eine Schaltfläche sein, damit man sie mit dem Daumen trifft? Welcher Kontrast ist nötig, damit Text auch in der Sonne lesbar bleibt? Was passiert, wenn jemand ein Formular falsch ausfüllt? Wir gestalten jede Seite für Smartphone und Desktop und stimmen die Entwürfe mit Ihnen ab, bevor entwickelt wird.

Anzeichen

Wann es Zeit ist.

  • Ihre Website sieht ordentlich aus, aber austauschbar.
  • Über die Jahre kamen neue Seiten und Elemente dazu, und jedes sieht ein wenig anders aus.
  • Auf dem Smartphone müssen Besucher zoomen, um Text zu lesen oder eine Schaltfläche zu treffen.

Ergebnis

Was Sie bekommen.

  • LeitideeEin visuelles Konzept mit Begründung, das festlegt, wie Ihr Auftritt wirkt und warum.
  • GestaltungssystemSchriften, Farben, Abstände und wiederkehrende Bauteile als zusammenhängendes System.
  • Entwürfe je BildschirmgrößeGestaltete Seiten für Smartphone und Desktop, einschließlich Menü, Formularen und Fehlermeldungen.
  • BildspracheVorgaben für Fotos und Grafiken, damit neues Bildmaterial zum Auftritt passt.
  • BewegungFestgelegte Übergänge, die Orientierung geben und sich zurücknehmen, wenn Besucher weniger Bewegung eingestellt haben.

Vorgehen

So gehen wir vor.

  1. Richtung wählen

    Wir zeigen Ihnen eine begründete gestalterische Richtung, an einer echten Seite Ihres Auftritts statt an Stimmungsbildern.

  2. Ausarbeiten

    Die gewählte Richtung wird auf alle Seiten übertragen, zuerst für das Smartphone, dann für größere Bildschirme.

  3. Abstimmen

    Sie geben Rückmeldung in klar abgegrenzten Runden. Änderungen fließen ein, bevor die Entwicklung beginnt.

Fragen

Was oft gefragt wird.

Kann ich die Gestaltung sehen, bevor programmiert wird?

Ja. Sie erhalten die Entwürfe für Smartphone und Desktop zur Ansicht und geben Rückmeldung. Erst wenn die Gestaltung freigegeben ist, beginnt die Entwicklung. Das vermeidet aufwendige Änderungen am fertigen Code.

Was ist, wenn mir der Entwurf nicht gefällt?

Dann sprechen wir darüber, woran es liegt. Meist ist es ein konkreter Punkt, etwa eine Farbe, ein Bild oder eine Gewichtung, und keine grundsätzliche Ablehnung. Weil jede Entscheidung auf der Analyse beruht, lässt sich gemeinsam prüfen, ob die Richtung stimmt. Wie viele Abstimmungsrunden enthalten sind, steht im Angebot.

Arbeiten Sie mit Fotos oder mit Grafik?

Mit dem, was zu Ihrem Betrieb passt. Echte Aufnahmen Ihrer Räume, Ihrer Arbeit und der Menschen dahinter wirken glaubwürdiger als austauschbare Stockbilder. Wo keine Fotos vorliegen, besprechen wir, wie sie entstehen können, oder tragen den Auftritt über Typografie und grafische Elemente.

Nächster Schritt

Wie soll Ihr Betrieb wirken?

Beschreiben Sie es in drei Worten – daraus entwickeln wir eine gestalterische Richtung.