Designsystem für Website und App entwickeln: einheitliche Regeln ab €1 990
Farben, Schriften, Buttons, Formulare und typische Screens werden zu einem Regelwerk, und neue Seiten sehen einheitlich aus. Ein Designsystem für Ihr Produkt kostet ab €1 990.
Branding und Corporate IdentityDauer: 2–4 Wochen
So sieht ein Designsystem für Ihr Produkt aus
Ein Designsystem brauchen Produkte, die eine Website und eine App haben, und Teams, in denen mehrere Designer und Entwickler arbeiten. Besonders nützlich ist es, wenn die Plattform stückweise weiterentwickelt wird und jeder neue Screen Gefahr läuft, anders auszusehen. Für ein kleines Projekt genügt oft ein Corporate Design, und das sagen wir Ihnen offen. Siehe auch: Plattform schlüsselfertig.
- Für Produkte mit Website und App. Website und App wirken wie ein Produkt und nicht wie zwei verschiedene Projekte.
- Für wachsende Teams. Die Regeln sind aufgeschrieben und leben nicht im Kopf eines Designers. Neue Teammitglieder finden schneller hinein, und es gibt weniger Streit um Kleinigkeiten.
Beispielhafte Darstellung: Bilder und Texte sind als Beispiel gewählt. In Ihrem Projekt sind Funktionen, Design und Architektur anders, passend zu Ihren Aufgaben.
Designsystem für Ihr Produkt – ab €1 990
Einheitliche Gestaltungsregeln für Website und App: Farben, Schriften, Buttons, Formulare und typische Bildschirme. Neue Seiten entstehen aus fertigen Bausteinen und sehen gleich aus.
Den Preis zeigen wir sofort. Das Ergebnis übergeben wir in einer Form, die jedes Team versteht, Sie sind also nicht an uns gebunden. Das Designsystem hängt mit unserer Entwicklung zusammen, setzt sie aber nicht voraus: Dateien und Regeln bleiben bei Ihnen. Lizenzen für kostenpflichtige Schriften und Icon-Sets zahlen Sie, falls Sie solche wählen, direkt an den Rechteinhaber. Siehe auch: Marke komplett.
Geeignet für: Produkte mit Website und App · Teams mit mehreren Designern und Entwicklern · Unternehmen, die ihre Plattform schrittweise ausbauen
Das ist im Designsystem für Ihr Produkt ab €1 990 enthalten
Ein Preis für die gesamte Liste: ohne Aufpreise für Stunden und einzelne Punkte.
Das Designsystem für Ihr Produkt kostet ab €1 990, die Laufzeit beträgt 2 bis 4 Wochen. Enthalten sind ein Audit des aktuellen Auftritts, Farben und Schriften, ein Satz von Elementen, typische Screens, Dokumentation und die Übergabe an Entwickler. Der Endpreis hängt von der Zahl der Screens und vom Zustand des bestehenden Designs ab, den genauen Betrag nennen wir nach der Klärung. Siehe auch: Admin-Bereich.
- Farben, Schriften und Elemente. Palette, Schriften, Größen und Abstände sowie Buttons, Felder, Karten, Tabellen und Fehlermeldungen.
- Typische Screens und Dokumentation. Muster für Hauptseiten, Formulare und Kundenbereich und eine kurze Beschreibung, wie die Elemente zu verwenden sind. Auf Wunsch mit heller und dunkler Version.
- Audit des aktuellen ErscheinungsbildsWir sehen uns an, was schon da ist, und finden Abweichungen: unterschiedliche Buttons, Farbtöne, Abstände.
- Farben, Schriften und AbständeEine einheitliche Palette, Schriften und eine Größenskala. Neue Bildschirme weichen nicht von den übrigen ab.
- BausteinsammlungButtons, Felder, Karten, Tabellen, Fehlermeldungen. Der Entwickler baut Bildschirme aus fertigen Bausteinen.
- Typische BildschirmeMuster für Startseiten, Formulare und Kundenbereich. Sie zeigen, wie die Elemente zusammenarbeiten.
- Dunkle und helle VersionWir gestalten beide Themes nach denselben Regeln, der Kontrast ist für jedes geprüft.
- DokumentationEine kurze Beschreibung, wie jedes Element verwendet wird. Neue Mitarbeiter finden sich allein zurecht.
- Übergabe an den EntwicklerDateien und Anleitungen für die Übernahme in den Code, damit nichts neu gebaut werden muss.
Beispielhafte Darstellung: Bilder und Texte sind als Beispiel gewählt. In Ihrem Projekt sind Funktionen, Design und Architektur anders, passend zu Ihren Aufgaben.
Kann zum Projekt hinzugefügt werden
Optional, sofort oder später. Der Preis steht vor Arbeitsbeginn fest.
Das System lässt sich in heller und dunkler Version gestalten und auf Oberflächen in mehreren Sprachen vorbereiten, einschließlich langer Texte und Sprachen mit Schreibrichtung von rechts nach links. Wir arbeiten mit Auftraggebern aus Europa, den USA, den VAE, Kasachstan und anderen Ländern. Für ein internationales Produkt verringert das den Aufwand für Überarbeitungen, wenn eine Sprache hinzukommt.
Corporate DesignLogo, Visitenkarte, Präsentation und Vorlagen für Social Media werden im selben Stil gestaltet wie Ihr Produkt.€1 290Mehr erfahren
Aus dem Logo bauen wir ein einheitliches Set: Palette, Schriften, Visitenkarte, Vorlagen für soziale Netzwerke und Regeln. Sinnvoll, wenn Materialien von verschiedenen Leuten erstellt werden und unterschiedlich aussehen.
Dauer: 2–3 Wochen
Admin-BereichWir bauen einen internen Bereich aus den fertigen Elementen Ihres Systems. Das ist eine eigene Entwicklung mit Architektur.ab €9 900Mehr erfahren
Wir bauen ein Verwaltungspanel auf Basis des Systems. Nötig, wenn Ihr Produkt einen Bereich für das Team braucht.
Dauer: ab 4 Wochen
Zusätzliche BildschirmeWir zeichnen weitere Bildschirmmuster über den vereinbarten Umfang hinaus, damit Entwickler das Produkt leichter zusammenbauen.nach KostenvoranschlagMehr erfahren
Weitere Bildschirmmuster über den vereinbarten Umfang hinaus. Umfang und Preis stimmen wir vor Arbeitsbeginn ab. Keine Stundenabrechnung.
Dauer: nach Aufgabe
Icons und IllustrationenWir zeichnen Icons und Illustrationen in einem Stil, damit Ihr Produkt stimmig wirkt und den Nutzern in Erinnerung bleibt.+ €590Mehr erfahren
Wir ergänzen das Set an Icons und Illustrationen. Nötig, wenn die Standardsets nicht ausreichen.
Dauer: 1 Woche
Wird separat bezahlt, nicht an uns: Lizenzen für kostenpflichtige Schriften und Icon-Sets, falls Sie solche wählen, direkt an den Rechteinhaber. Alle Zusatzleistungen →
So entsteht ein Designsystem
Die Schritte wechseln automatisch. Oder klicken Sie auf einen Schritt, um Details zu lesen.
Zuerst sehen wir, was schon da ist, und finden die Abweichungen: unterschiedliche Buttons, Schriften und Abstände auf verschiedenen Seiten. Dann bauen wir Palette, Elemente und typische Screens, stimmen sie mit Ihnen ab und erstellen die Dokumentation. Am Ende übergeben wir Dateien und Anleitungen an die Entwickler. Die Umsetzung im Code übernimmt Ihr Team oder ein separates Projekt.
- Was wir von Ihnen brauchen. Zugang zur aktuellen Website oder App, vorhandene Markenmaterialien und eine Person, die die Richtung freigibt.
Gibt es noch kein Corporate Design, lässt es sich bequem vor dem System oder gemeinsam damit erstellen. Danach lassen sich die Screens in einer Web-App, einem Kundenbereich oder einer Plattform umsetzen, und für eine Handy-App bereiten wir das Interface-Design vor. Siehe auch: Corporate Design, Design für Ihre Handy-App, Web-App und Kundenbereiche.
1. Briefing
Ein kurzer Fragebogen von 15 Minuten: Was für ein Geschäft, für wen, was Sie erreichen möchten und bis wann. Per Sprachnachricht, Text oder Gespräch.
- Wir fragen nur, was Ergebnis und Preis beeinflusst
- Materialien (Logo, Fotos, Texte) können Sie auch später schicken
- Noch am selben Werktag antworten wir: was wir vorschlagen, was es kostet und wie lange es dauert
2. Kostenvoranschlag und Vertrag
Wir halten Leistungsumfang, Preis, Frist und Zahlungsplan fest. Die Summe steigt nicht ohne Ihre schriftliche Zustimmung.
- Vertrag zwischen unserer Firma und Ihrer Firma oder Ihnen persönlich
- Enthalten: Leistungsumfang nach Punkten (wie auf dieser Seite), Fristen, Zahlungsetappen, Korrekturen im Rahmen der Gewährleistung
- Code, Domain und Dienst-Konten gehören Ihnen: Das steht im Vertrag
- Unterschrift online: PDF mit elektronischer Signatur, ohne Papier und Kurier
3. Zahlung
Die Rechnung stellen wir auf Ihre Firma aus. Zahlung per Überweisung oder Karte.
- Keine versteckten Kosten: Domain und Dienst-Abos bezahlen Sie direkt beim Anbieter, ohne Aufschlag von uns
- Jede Zahlung gehört zu einer Etappe: Sie zahlen für das, was Sie bereits sehen
- Abschlussdokumente: Rechnung und Abnahmeprotokoll
4. Arbeit mit der Vorschau
Zu jeder Etappe gibt es einen Vorschau-Link: Sie sehen, was schon fertig ist, und hinterlassen sofort Ihre Korrekturen.
- Zuerst Produktkarte und Struktur, dann Design, dann Umsetzung
- Korrekturen sammeln wir an einer Stelle, nichts geht im Schriftverkehr verloren
- Fragen an Sie kommen als Liste mit Antwortvorschlägen: Sie antworten, wann es passt
5. Prüfung und Abnahme
Vor dem Start prüfen wir alles selbst, danach nehmen Sie die Arbeit anhand der Liste aus dem Vertrag ab.
- Smartphones und Computer, Ladegeschwindigkeit, Formulare und E-Mails, Zahlungen im Testmodus
- Rechtliche Seiten und Cookie-Banner sind vorhanden
- Sie gehen die Leistungsliste durch und unterschreiben das Abnahmeprotokoll
6. Start und Übergabe
Wir veröffentlichen auf Ihrer Domain und übergeben Ihnen alles: Zugänge, Anleitung, Quellcode.
- Domain, E-Mail auf der Domain, Analytics und Search Console
- Zugänge zu allen Konten gehen an Sie, wir bleiben auf Einladung
- Kurze Anleitung: wie Sie Texte, Fotos und Preise selbst ändern
- Danach nach Wunsch: Support, Promotion, neue Module
Häufige Fragen
Was kostet ein Designsystem für ein Produkt?
Ab €1 990. Der Preis hängt von der Zahl der Screens und vom Zustand des bestehenden Designs ab. Den genauen Betrag nennen wir nach einer kurzen Klärung.
Wie wird die Arbeit bezahlt?
Liegt die Endsumme unter €2 000, zahlen Sie 100 % zum Start. Ab €2 000 gilt: 50 % zum Start, 25 % nach Produktkarte und Design und 25 % nach der Abnahme.
Braucht ein kleines Projekt ein Designsystem?
Oft genügt ein Corporate Design. Wir sagen Ihnen, wenn sich das System erst später lohnt.
Worin unterscheidet sich ein Designsystem vom Corporate Design?
Das Corporate Design sorgt für Wiedererkennung der Marke: Logo, Farben, Schriften, Anwendungen. Das Designsystem beschreibt, wie Oberflächen aufgebaut werden: Buttons, Formulare, Screens und Zustände.
Hängt das mit Ihrer Entwicklung zusammen?
Ja, aber wir übergeben das Ergebnis in einer Form, die jedes Team versteht. Sie müssen die Entwicklung nicht bei uns bestellen.
Ist die Umsetzung der Screens im Code enthalten?
Nein. Wir übergeben Dateien und Anleitungen, die Umsetzung im Code übernimmt Ihr Team oder ein separates Projekt.
Lässt sich ein System für eine bereits fertige Website erstellen?
Ja. Wir beginnen mit einem Audit des aktuellen Auftritts, leiten die Regeln aus dem Vorhandenen ab und beseitigen die Abweichungen.
Wer aktualisiert das System nach der Übergabe?
Sie oder Ihr Team anhand der Dokumentation. Brauchen Sie neue Screens oder Elemente, ist das eine separate Arbeit nach Kostenvoranschlag.
Passt zu dieser Leistung
Was oft zusammen bestellt wird. Klicken Sie, um die Leistungsseite mit Beispiel zu öffnen.
Branding und Corporate IdentityLogo3 Konzepte, 2 Korrekturrunden, alle Dateiformate.€5905–7 Tage
Branding und Corporate IdentityCorporate DesignLogo, Farben, Schriften, Visitenkarte, Briefbogen, Vorlagen für soziale Netzwerke.€1 2902–3 Wochen
Websites erstellenWebsite in 24 StundenWenn Bank oder Partner sehr schnell ein lebendiges Unternehmen sehen sollen: Tätigkeit, Land und Angaben zur Firma, E-Mail auf der Domain, rechtliche Seiten. Eine Seite mit bis zu 7 Blöcken, fertig in 24 Stunden.€59924 Stunden nach Briefing, Materialien und Zugang zur Domain
Marketing und Social MediaWerbung in Google und sozialen NetzwerkenEin Kanal nach Wahl: Google Ads oder Meta (Instagram, Facebook). Der zweite Kanal separat.ab €490/MonatStart in 5–7 Tagen, Laufzeit ab 2 Monaten
OnlineshopsOnlineshop schlüsselfertigEigene Entwicklung ohne monatliche Gebühr an eine Plattform.€2 4902–3 Wochen
Unternehmenswebsites und PortaleUnternehmenswebsiteBis zu 20 Seiten: Leistungen, Fallstudien, News, Team, 2 Sprachen.€3 4902–3 Wochen
SEOSEO-AuditTechnische Fehler, Struktur, Wettbewerber, Arbeitsplan.€4905–7 Tage
Plattformen und SaaSArchitektur-WorkshopProduktkarte, Kostenvoranschlag und Plan der ersten Version. Die Summe wird auf das Projekt angerechnet.€3 5002–3 Wochen