Die Ausgangslage
payrollnow ist ein Schweizer Payroll-Anbieter aus Zürich mit zwei Produkten auf einer Plattform: eine Payroll Software für Unternehmen, die ihre Löhne selbst abrechnen wollen, und ein Payroll Outsourcing, bei dem ein Schweizer Payroll-Team die gesamte Lohnabwicklung übernimmt. Beide Varianten laufen auf derselben Plattform und sind jederzeit wechselbar.
Zum Start gab es das Produkt, ein Gründerteam und eine registrierte Domain. Es fehlte alles, was ein Unternehmen am Markt sichtbar macht: Marke, Website, Suchmaschinenpräsenz, Content, und ein Produkt-Interface, das die Stärke der Plattform auch zeigt.
Wir haben den kompletten digitalen Auftritt aufgebaut und begleiten payrollnow seither laufend. Von der Bildmarke bis zur Mitarbeiter-App.
Was wir umgesetzt haben
Marke und Design-System
Etablierte Anbieter im Schweizer Payroll-Outsourcing arbeiten mit Violett und Lifestyle-Fotografie. payrollnow sollte sich klar davon absetzen: präzise, technisch, ohne Stockbilder.
| Element | Umsetzung |
|---|
| Bildmarke | Zwei Wellen, die sich in einem Punkt treffen. Steht für den Ereignisstrom, aus dem jede Lohnabrechnung entsteht |
| Farbwelt | Tiefes Olive als Primärfarbe, Acid-Limette als Akzent für Live-Daten und Aktionen |
| Typografie | Sans-Display für Titel und Zahlen, keine Serifen, keine Monospace-Zahlen |
| Brand-Assets | Logo-Set in sieben Varianten (hell, dunkel, App-Icon, Lockups), Favicon, Usage-Dokumentation |
| Bildsprache | Keine Stockfotos. Alle Visuals sind Code-basierte Dashboard-Replikate der echten Plattform |
Bildmarke
UmsetzungZwei Wellen, die sich in einem Punkt treffen. Steht für den Ereignisstrom, aus dem jede Lohnabrechnung entsteht
Farbwelt
UmsetzungTiefes Olive als Primärfarbe, Acid-Limette als Akzent für Live-Daten und Aktionen
Typografie
UmsetzungSans-Display für Titel und Zahlen, keine Serifen, keine Monospace-Zahlen
Brand-Assets
UmsetzungLogo-Set in sieben Varianten (hell, dunkel, App-Icon, Lockups), Favicon, Usage-Dokumentation
Bildsprache
UmsetzungKeine Stockfotos. Alle Visuals sind Code-basierte Dashboard-Replikate der echten Plattform
Die Bildmarke wird beim Laden der Website einmal gezeichnet. Die Animation respektiert reduzierte Bewegungseinstellungen.
Website: zwei Produkte, ein klarer Weg
Die Website muss zwei unterschiedliche Käufer abholen. Wer selbst abrechnen will, sucht nach Software. Wer die Lohnbuchhaltung komplett abgeben will, sucht nach einem Dienstleister. Beide Wege sind auf jeder Seite sichtbar.
| Seite | Zweck |
|---|
| Startseite | Positionierung «Lohnabrechnung online», beide Produkte nebeneinander, Preisrechner, FAQ |
| Payroll Software | Self-Service-Produkt: Ereignis-basierte Erfassung ohne Lohn-Spezialwissen |
| Payroll Outsourcing | Done-for-you-Produkt: Leistungsumfang in vier Säulen, klar benannte Ausnahmen |
| Mitarbeiter-App | Self-Service für Mitarbeitende: Lohnabrechnungen, Stammdaten, fehlende Angaben |
| Payroll Integration | Anbindung an Buchhaltung, Zeiterfassung und HR-Systeme, namentlich aufgeführt |
| Migration | Wechsel-Prozess mit Back-Testing, Parallel-Run und Abnahme-Protokoll |
| Preisrechner | Interaktive Kostenberechnung pro Mitarbeitenden und Monat |
| Branchen | Eigene Seiten für Gastronomie, Bau und Personalverleih |
Startseite
ZweckPositionierung «Lohnabrechnung online», beide Produkte nebeneinander, Preisrechner, FAQ
Payroll Software
ZweckSelf-Service-Produkt: Ereignis-basierte Erfassung ohne Lohn-Spezialwissen
Payroll Outsourcing
ZweckDone-for-you-Produkt: Leistungsumfang in vier Säulen, klar benannte Ausnahmen
Mitarbeiter-App
ZweckSelf-Service für Mitarbeitende: Lohnabrechnungen, Stammdaten, fehlende Angaben
Payroll Integration
ZweckAnbindung an Buchhaltung, Zeiterfassung und HR-Systeme, namentlich aufgeführt
Migration
ZweckWechsel-Prozess mit Back-Testing, Parallel-Run und Abnahme-Protokoll
Preisrechner
ZweckInteraktive Kostenberechnung pro Mitarbeitenden und Monat
Branchen
ZweckEigene Seiten für Gastronomie, Bau und Personalverleih
Die Seiten sind vollständig in Deutsch und Englisch verfügbar, mit eigener Navigation, eigenen Meta-Daten und sauberen hreflang-Verknüpfungen. Alle Kontaktformulare laufen über eine eigene API mit Spam-Schutz und Zustellung ans Team.
Interaktive Elemente statt Screenshots: Der Preisrechner rechnet live, die Hero-Bereiche zeigen nachgebaute Dashboards mit echten Datenstrukturen, und Ereignis-Ströme laufen animiert durch.
SEO-Strategie und Content
Vor dem ersten Layout stand die Keyword-Recherche. Aus rund 20 Kern-Keywords mit knapp 9'000 Suchanfragen pro Monat haben wir Cluster gebildet und jedem Cluster genau eine Seite zugeordnet.
| Keyword-Cluster | Zielseite |
|---|
| Lohnabrechnung online, Lohnbuchhaltung | Startseite |
| Payroll Software, Lohnsoftware Schweiz | Payroll Software |
| Payroll Outsourcing Schweiz, Lohnbuchhaltung auslagern | Payroll Outsourcing |
| Payroll Integration, Automatisierung | Integration |
| Payroll services Switzerland, payroll companies | Englische Produktseiten |
| Long-Tail: Kosten, Vergleich, Abacus-Wechsel, Branchen | Blog |
Lohnabrechnung online, Lohnbuchhaltung
Payroll Software, Lohnsoftware Schweiz
ZielseitePayroll Software
Payroll Outsourcing Schweiz, Lohnbuchhaltung auslagern
ZielseitePayroll Outsourcing
Payroll Integration, Automatisierung
Payroll services Switzerland, payroll companies
ZielseiteEnglische Produktseiten
Long-Tail: Kosten, Vergleich, Abacus-Wechsel, Branchen
Darauf aufbauend entstanden 36 Blog-Artikel in Deutsch und Englisch. Darunter Vergleiche, Kostenübersichten, eine siebenteilige Serie für Unternehmen, die von Abacus wechseln wollen, sowie Fachartikel zu Quellensteuer, Trinkgeld im L-GAV und Mindestlöhnen im Bauhauptgewerbe. Jeder Artikel führt mit konkreten Produkt-Verweisen zurück zu beiden Angeboten.
Strukturierte Daten
Jede Seite trägt einen konsolidierten Schema.org-Graphen. Keine verstreuten Einzelblöcke, sondern ein Block pro Seite mit klaren Verweisen.
| Schema-Typ | Wo eingesetzt |
|---|
| Organization | Vollständig auf Startseite und Über-uns: Gründer, Adresse, Geo-Daten, Fachgebiete |
| ProfessionalService | Startseite: Leistungskatalog mit vier Säulen, Branchen-Unterkatalog, Preisspanne |
| SoftwareApplication | Produktseite: Feature-Liste der Plattform |
| Service + FAQPage | Branchenseiten: Angebot und Fragen pro Branche |
| BlogPosting | Alle Artikel mit Bild, Publisher und Datum inklusive Zeitzone |
| BreadcrumbList | Alle Unterseiten |
Organization
Wo eingesetztVollständig auf Startseite und Über-uns: Gründer, Adresse, Geo-Daten, Fachgebiete
ProfessionalService
Wo eingesetztStartseite: Leistungskatalog mit vier Säulen, Branchen-Unterkatalog, Preisspanne
SoftwareApplication
Wo eingesetztProduktseite: Feature-Liste der Plattform
Service + FAQPage
Wo eingesetztBranchenseiten: Angebot und Fragen pro Branche
BlogPosting
Wo eingesetztAlle Artikel mit Bild, Publisher und Datum inklusive Zeitzone
BreadcrumbList
Wo eingesetztAlle Unterseiten
Aufgebaut nach Googles Anforderungen für Rich Results: vollständige Adressdaten, Datumsangaben mit Zeitzone, Logo beim Publisher.
Branchenlösungen
Lohnabrechnung ist in der Schweiz stark durch Gesamtarbeitsverträge geprägt. Statt einer generischen Seite haben wir für die drei komplexesten Branchen eigene Lösungsseiten gebaut.
| Branche | Fokus |
|---|
| Lohnbuchhaltung Gastronomie | L-GAV, Trinkgeld, Aushilfen. Gezeigt als Teil einer kompletten Gastro-Lösung mit Kasse, Belegen und Banking |
| Lohnbuchhaltung Bau | LMV-Mindestlöhne, Schlechtwetter, Baustellen-Zulagen |
| Personalverleih | Stundenlöhne, GAV Personalverleih, Quellensteuer, Staffing-Cockpit für den Verleih-Workflow |
Lohnbuchhaltung Gastronomie
FokusL-GAV, Trinkgeld, Aushilfen. Gezeigt als Teil einer kompletten Gastro-Lösung mit Kasse, Belegen und Banking
Personalverleih
FokusStundenlöhne, GAV Personalverleih, Quellensteuer, Staffing-Cockpit für den Verleih-Workflow
Die Gastro-Seite hat ein eigenes Kontaktformular mit Auswahl des aktuell genutzten Lohnsystems, damit das Team beim Erstgespräch schon weiss, woher der Betrieb kommt.
Produkt-UI: Portal und Mitarbeiter-App
Die Berechnungsplattform war vorhanden. Was fehlte, war ein Interface, das die Stärke sichtbar macht: Löhne entstehen aus Ereignissen, nicht aus einem Monatslauf. Wir haben das Kundenportal und die Mitarbeiter-App neu gestaltet.
| Bereich | Umsetzung |
|---|
| Design-System | Karten mit Mono-Labels, semantische Farben für offen, überfällig und laufend, einheitliche Avatare |
| Mitarbeiter-Übersicht | Kennzahlen, Lohnverlauf, fehlende Angaben, offene Aufgaben und letzte Ereignisse auf einer Seite |
| Aufgaben | Fälligkeitsgruppen, Filter nach Kategorie, Zuweisung, Suche |
| Lohnlauf-Dashboard | Tabelle mit Statuszählern, Lohnkontrolle mit Fehlerkarten, direkte PDF-Links |
| Mitarbeiter-App | Mobile-First mit Dashboard-Hero, schwebender Bottom-Navigation, Dokumenten- und Meldungsansicht |
| Mehrsprachigkeit | Deutsch, Englisch, Französisch und Italienisch, pro Nutzer umschaltbar |
Design-System
UmsetzungKarten mit Mono-Labels, semantische Farben für offen, überfällig und laufend, einheitliche Avatare
Mitarbeiter-Übersicht
UmsetzungKennzahlen, Lohnverlauf, fehlende Angaben, offene Aufgaben und letzte Ereignisse auf einer Seite
Aufgaben
UmsetzungFälligkeitsgruppen, Filter nach Kategorie, Zuweisung, Suche
Lohnlauf-Dashboard
UmsetzungTabelle mit Statuszählern, Lohnkontrolle mit Fehlerkarten, direkte PDF-Links
Mitarbeiter-App
UmsetzungMobile-First mit Dashboard-Hero, schwebender Bottom-Navigation, Dokumenten- und Meldungsansicht
Mehrsprachigkeit
UmsetzungDeutsch, Englisch, Französisch und Italienisch, pro Nutzer umschaltbar
Automatisierung im Produkt
Bare Creative hat nicht nur die Oberfläche gebaut, sondern auch Workflows, die dem Payroll-Team Handarbeit abnehmen. Die Plattform bleibt dabei die einzige Wahrheit: Die Assistenten bereiten vor, Menschen prüfen und bestätigen.
| Workflow | Was er tut |
|---|
| Onboarding-Assistent | Liest Arbeitsverträge und Personaldokumente, füllt die Mitarbeiterdaten vor und listet fehlende Angaben |
| Stundenimport | Excel- oder CSV-Daten aus der Zeiterfassung werden zu Lohnereignissen. Zuschläge rechnet die Plattform |
| Plausibilitätsprüfung | Sieben Checks über abgeschlossene Perioden, Auffälligkeiten landen als Aufgaben beim Team |
| Chat für Auswertungen | Fragen zu Lohnkosten und Ereignissen in natürlicher Sprache, mit Zugriffsschutz und Rate-Limit |
Onboarding-Assistent
Was er tutLiest Arbeitsverträge und Personaldokumente, füllt die Mitarbeiterdaten vor und listet fehlende Angaben
Stundenimport
Was er tutExcel- oder CSV-Daten aus der Zeiterfassung werden zu Lohnereignissen. Zuschläge rechnet die Plattform
Plausibilitätsprüfung
Was er tutSieben Checks über abgeschlossene Perioden, Auffälligkeiten landen als Aufgaben beim Team
Chat für Auswertungen
Was er tutFragen zu Lohnkosten und Ereignissen in natürlicher Sprache, mit Zugriffsschutz und Rate-Limit
Mehr zu unserem Vorgehen bei solchen Projekten: KI-Integration und Automatisierung.
Die Zusammenarbeit
| Rolle | Verantwortung |
|---|
| payrollnow | Produkt, Lohn-Fachwissen, Leistungsumfang, Preise, Freigaben |
| Bare Creative | Marke, Website, SEO, Content, strukturierte Daten, Produkt-UI, Automatisierung |
| Technologiepartner | Berechnungsplattform und Lohnmeldungen |
payrollnow
VerantwortungProdukt, Lohn-Fachwissen, Leistungsumfang, Preise, Freigaben
Bare Creative
VerantwortungMarke, Website, SEO, Content, strukturierte Daten, Produkt-UI, Automatisierung
Technologiepartner
VerantwortungBerechnungsplattform und Lohnmeldungen
Der Rhythmus: kurze Abstimmungen, lokale Vorschau vor jedem Livegang, und jede neue Seite mit vollständigem SEO-Setup ab Tag eins. Engine und Fachlogik blieben unangetastet. Wir haben ausschliesslich Interface, Kommunikation und Workflows gebaut.
Das Ergebnis
| Faktor | Resultat |
|---|
| Marktauftritt | Eigenständige Marke mit klarer Abgrenzung zum Wettbewerb, ohne Stockbilder |
| Website | Über 60 Seiten in zwei Sprachen, zwei Produkte auf jeder Seite sichtbar |
| Sichtbarkeit | Keyword-Cluster mit je einer Zielseite, 36 Blog-Artikel, Schema.org auf jeder Seite |
| Branchen | Drei Lösungsseiten für die komplexesten GAV-Branchen |
| Produkt | Neu gestaltetes Portal und Mitarbeiter-App in vier Sprachen |
| Automatisierung | Vier Workflows, die Erfassung und Kontrolle beschleunigen |
Marktauftritt
ResultatEigenständige Marke mit klarer Abgrenzung zum Wettbewerb, ohne Stockbilder
Website
ResultatÜber 60 Seiten in zwei Sprachen, zwei Produkte auf jeder Seite sichtbar
Sichtbarkeit
ResultatKeyword-Cluster mit je einer Zielseite, 36 Blog-Artikel, Schema.org auf jeder Seite
Branchen
ResultatDrei Lösungsseiten für die komplexesten GAV-Branchen
Produkt
ResultatNeu gestaltetes Portal und Mitarbeiter-App in vier Sprachen
Automatisierung
ResultatVier Workflows, die Erfassung und Kontrolle beschleunigen
Payroll ist ein Vertrauensgeschäft. Marke, Website und Produkt müssen dieselbe Präzision ausstrahlen, die der Kunde von seiner Lohnabrechnung erwartet.