Ihre Marke steht. Jetzt bekommt sie eine Website, die sich bewegt.
Brand Guide, Corporate Design oder Print-Auftritt: Ich übersetze Ihr Erscheinungsbild ins Digitale und entwickle daraus die ganze Website.
Ein Erscheinungsbild entsteht meist für Papier, Fläche oder einzelne Ansichten: Logo, Farben, Schrift, Bildsprache, oft in einem Brand Guide oder einem Print-Auftritt festgehalten. Eine Website reagiert auf jede Bildschirmgröße, auf Maus und Finger, sie bewegt sich und wächst mit ihren Inhalten.
Diese Übersetzung ist meine Arbeit. Mit Ihnen erarbeite ich das Konzept für den Bildschirm, gestalte im Sinn Ihrer Marke, was dort dazukommt, und entwickle die Website samt Content-Management-System bis zum Launch. Im Grunde ist es eine ganze Website, nur dass Ihre Identität schon steht. Dafür arbeite ich mit Unternehmen zusammen, mit Agenturen und mit Gestalter:innen.
Wer mit einem fertigen Erscheinungsbild zu mir kommt.
Sie bringen Ihr Erscheinungsbild mit. Ich übersetze es für den Bildschirm: mit einem eigenen Konzept, mit den Entscheidungen, die für das Web dazukommen, und mit einer Technik, die alles trägt.
-
Die Agentur hat das Erscheinungsbild entwickelt
Den Weg ins Web gehe ich als fester Partner im Projekt mit: Konzept, Interaktion und Entwicklung, in direkter Abstimmung mit der Gestaltung.
-
Ein Brand Guide gibt die Richtung vor
Farben, Schrift, Formen und Bildsprache sind festgelegt. Ich entwickle daraus das Konzept für die Website und gestalte, was am Bildschirm dazukommt: Zustände, Bewegung, das Verhalten auf jeder Größe. Was mir dabei auffällt, bespreche ich mit der Person, die das Erscheinungsbild entworfen hat.
-
Das Erscheinungsbild kommt aus dem Print
Ein CI-Handbuch beschreibt Papier. Ich übersetze es für den Bildschirm: Typografie, die dort trägt, Bewegung, Fokuszustände und Verhalten auf kleinen Geräten.
Am Bildschirm kann Ihre Marke mehr, als Papier zeigen kann.
Ein Erscheinungsbild zeigt Ihre Marke in festen Formaten. Die Website trägt sie auch dazwischen: auf jeder Bildschirmbreite, mit dem Finger auf dem Smartphone, mit einem Namen, der zu lang ist, mit einer Liste, die noch leer ist. Für all das entwickle ich ein Konzept im Sinn Ihrer Marke. Dazu kommt, was jede Website braucht: ein Content-Management-System, eine kurze Ladezeit und eine Bedienung, die für alle funktioniert.
-
Konzept und Interaktion
Aufbau, Navigation und Wege durch die Seite, entwickelt aus Ihrem Erscheinungsbild. Dazu die Zwischengrößen und die Zustände wie Hover, Fokus und Fehlerfall, die ein statisches Erscheinungsbild nicht zeigen kann.
-
Brand Guide für den Bildschirm
Ich gebe Farben, Schrift und Formen ein Verhalten: Kontraste, die am Bildschirm tragen, Größen, die auf dem Smartphone lesbar bleiben, Bewegung, die zur Marke passt.
-
Redaktionssystem dahinter
Dahinter kommt ein Content-Management-System, das zu den Inhalten passt — meist ProcessWire oder WordPress, je nachdem, wer die Seite später betreut, auf Wunsch auch ein anderes.
-
Ladezeit und Barrierefreiheit
Bildgrößen, Tastaturbedienung und Kontraste sind von Anfang an mitgedacht. Die Seite erfüllt damit die Anforderungen, die heute an Ladezeit und Barrierefreiheit gelten.
- Interaktionskonzept
- Frontend-Entwicklung
- Brand Guide fürs Web
- Web-Adaption
- ProcessWire
- WordPress
- Barrierefreiheit
- Partner für Agenturen
Sie sehen Ihre Marke zur Website werden.
Bevor ein Angebot steht, gehe ich Ihr Material durch und kläre mit Ihnen, was für die Website dazukommt. Danach steht der Umfang fest, und Sie verfolgen die Entwicklung an einer Vorschau-Adresse bis zum Launch.
-
1
Material sichten
Ich sehe mir Ihr Material an: Brand Guide, Corporate Design, Layouts oder Print-Auftritt. Was für die Website dazukommt, etwa Zwischengrößen, das Menü auf dem Smartphone oder Formulare, halte ich fest und gehe es mit Ihnen durch.
-
2
Angebot zum Festpreis
Aus dem Gespräch wird ein Angebot mit Umfang, Zeitrahmen und Betrag. Kommt unterwegs ein Wunsch dazu, besprechen wir ihn, bevor er umgesetzt wird.
-
3
Entwicklung mit Zwischenständen
Die Website entsteht auf einer Vorschau-Adresse, die Sie jederzeit aufrufen können. Sie sehen Abschnitt für Abschnitt, wie Ihre Marke am Bildschirm ankommt, und geben Rückmeldung, solange sich etwas leicht ändern lässt.
-
4
Launch und Übergabe
Ich stelle die Website live, prüfe sie auf den gängigen Geräten und erkläre das Redaktionssystem, Ihnen oder dem Team, das die Seite danach pflegt. Für Rückfragen nach dem Start bin ich weiter erreichbar.
2.500 €
Der Umfang ergibt sich aus Ihrem Material und daraus, was die Website für Sie leisten soll.
Nach dem Blick auf Ihr Material bekommen Sie ein Angebot: was entsteht und in welchen Schritten. So wissen Sie vor der Zusage, womit Sie rechnen können.
Typischerweise gehört dazu das Konzept für den Bildschirm, die Gestaltung der Zwischengrößen und Zustände, ein Content-Management-System und alles, was eine Website heute an Ladezeit und Barrierefreiheit erfüllen muss.
Antworten, bevor wir sprechen.
Arbeiten Sie auch mit Agenturen zusammen?
Ja, das biete ich an. Die Abstimmung läuft dann mit Ihnen, und der Kontakt zu Ihrem Kunden bleibt bei Ihnen.
Was, wenn für die Website etwas fehlt?
Das ist der Normalfall: Ein Erscheinungsbild zeigt selten jeden Zustand einer Website. Vieles davon entscheide ich aus Erfahrung im Sinn Ihrer Marke, anderes stimme ich lieber ab. Wie viel Abstimmung Sie möchten und was im Projekt sinnvoll ist, klären wir am Anfang, und unterwegs bleibe ich im Dialog.
Können Sie pixelgenau umsetzen?
So genau, wie es dem Entwurf dient. Ein statischer Entwurf kann selten jeden Fall vorhersehen: Bildschirme unterscheiden sich in Größe, Seitenverhältnis und Pixeldichte, Browser legen Vorgaben unterschiedlich aus, Maus und Touch verlangen eigenes Verhalten. Die Übersetzung ins Web heißt für mich, die gestalterische Idee in ein System zu bringen, das in all diesen Fällen trägt. Wo das vom Entwurf abweicht, geschieht es in seinem Sinn.
Welche Systeme bieten Sie an?
Das richtet sich nach Ihren Anforderungen: wer die Seite später pflegt, was sie können soll und was bei Ihnen schon im Einsatz ist. Oft ist es ProcessWire, wenn Inhalte eine eigene Struktur haben, oder WordPress, wenn es im Team bereits bekannt ist. Andere Systeme sind möglich, und ändern sich die Inhalte selten, geht es auch ohne. Was zu Ihrem Projekt passt, besprechen wir vor dem Angebot.
Übernehmen Sie auch bestehende Websites?
Ja. Ich sehe mir Ihr Projekt gern an und gebe Ihnen im Gespräch eine Einschätzung, ob es sich lohnt, darauf aufzusetzen, oder ob ein Neuanfang der kürzere Weg ist, und was beides für Sie bedeutet.
In welcher Form muss das Material vorliegen?
Das ist offen: ein Brand Guide als PDF, Druckdaten, Layouts in Figma, Sketch oder Adobe XD. Wichtig ist, dass die Gestaltung darin erkennbar ist. Was für den Bildschirm dazukommt, entwickle ich.
Was brauchen Sie von mir für ein Angebot?
Ihr Erscheinungsbild oder das Material, das da ist, und ein paar Sätze dazu, was Sie mit der Website erreichen möchten. Alles Weitere klären wir im Gespräch, und danach bekommen Sie das Angebot.
Erzählen Sie mir, was Sie vorhaben.
Ein paar Sätze dazu, worum es geht und was schon da ist, reichen für den Anfang. Im Gespräch danach verstehe ich, was Sie erreichen möchten, und kann einschätzen, wie wir es am besten angehen.
Projekt anfragen