Anpassung der App an Ihre CI

Um Ihren Nutzenden ein nahtloses, hochwertiges Markenerlebnis zu bieten, stellen wir eine Vielzahl an Anpassungsmöglichkeiten zur Verfügung, die sich an Ihrer Corporate Identity (CI) und Ihren Designrichtlinien orientieren. Von Schriften und Farben bis hin zu Icons und UI-Elementen – mit tchop können Sie ein individuelles Look & Feel umsetzen, das weit über eine klassische White-Label-Lösung (in der oft nur ein Logo und zwei Farben ausgetauscht wird) hinausgeht.

Unsere Plattform erlaubt ein individuelles Styling sowohl für die mobilen Apps als auch für die Web-App, sodass Sie jedes Nutzungserlebnis flexibel anpassen können. Nachfolgend finden Sie eine Übersicht der wichtigsten Anpassungsoptionen.

Fonts (Schriften)

Sie können entweder Ihre eigene Markenschrift bereitstellen oder aus der großen Auswahl an Google Fonts wählen – einer kostenlosen und zuverlässigen Sammlung, die vollständig mit mobilen und Web-Plattformen kompatibel ist. Hier können Sie die komplette Google-Fonts-Liste durchstöbern: Google Fonts

Wenn Sie eine eigene Schrift nutzen möchten, stellen Sie folgendes sicher:

• Sie senden uns die Schriftdateien im .ttf-Format.

• Die Schrift ist für die App-Nutzung optimiert und lizenziert.

• Sie definieren – falls gewünscht – unterschiedliche Schriften für Überschriften und Fließtext.

Farben

Mit tchop können Sie mehrere Farben in Ihrer App anpassen. Dafür bieten wir vier unterschiedliche Farbfelder:

• Primärfarbe

• Sekundärfarbe

• Hintergrundfarbe

• Teaser-Hintergrundfarbe

Bitte beachten Sie: Die Hintergrundfarbe wird nur für den Willkommens-Screen, Login Screen und Loading Screen angewendet. Der eigentliche App-Hintergrund bleibt standardmäßig weiß bzw. hellgrau.

Achten Sie außerdem darauf, dass die gewählte Hintergrundfarbe komplementär zu Primär- und Sekundärfarbe passt. Die Farben sollten auf weißem Hintergrund ausreichend sichtbar sein.

Zusätzlich können Sie auch die Schriftfarben in der App festlegen:

• Primäre Schriftfarbe

• Sekundäre Schriftfarbe

👉 Bitte geben Sie Farben immer als HEX-Code an, z. B. #ffffff (weiß) oder #000000 (schwarz).

Icons

Unsere Plattform erlaubt es Ihnen außerdem, Icons und Symbole für die Kanal- und Tab-Bar-Navigation individuell anzupassen. Eigene Icons tragen wesentlich zum individuellen Stil bei und können perfekt zu Inhalten und App-Struktur passen.

Daher macht es auch Sinn sich zunächst über Struktur und Aufbau der App einig zu sein, bevor dann im nächsten Schritt visuelle Icons festgelegt werden.

Die grafischen Assets können jederzeit selbst im Backend hochgeladen und so aktualisiert werden (auch ohne App-Update!).

Bitte beachten Sie die empfohlenen Größen:

• 24x24 px für Android

• 72x72 px für iOS

• Idealerweise im PNG-Format

In vielen Fällen ist es nicht notwendig, eigene Icons zu entwerfen. Es gibt zahlreiche hochwertige Icon-Bibliotheken, die Sie nutzen können. Gerne sind wir Ihnen auch bei der Auswahl behilflich.

Noch mehr Individualisierung?

Sie möchten noch mehr Möglichkeiten der visuellen Anpassung nutzen? Kein Problem! Wenn Sie eigene Icons, individuelle Splash-/Lade-Animationen oder Videos oder andere maßgeschneiderte visuelle Elemente umsetzen möchten, unterstützen wir Sie gerne dabei.

Unser Team hilft Ihnen, zusätzliche Optionen zu prüfen und fortgeschrittene Anpassungen umzusetzen. Kontaktieren Sie uns, um Ihre Ideen oder speziellen Anforderungen zu besprechen!