Gebrandete Apps sind nur für Vimeo OTT Enterprise-Kunden verfügbar. Wenn Sie an Apps für Ihre Vimeo OTT-Website interessiert sind, kontaktieren Sie bitte unser Vertriebsteam.
Ihre gebrandeten Apps von Vimeo OTT spiegeln wider, wie Sie Ihre Website mit Hilfe von Kategorien, Sammlungen und den verschiedenen Anpassungsmöglichkeiten auf Zeilenebene gestalten, um Ihre Inhalte zu kuratieren, anzupassen und anzuordnen. Ihre Zuschauenden werden die meiste Zeit in Ihren Apps damit verbringen, Ihre Bibliothek zu erkunden und Ihre Inhalte anzusehen.
Bevor Zuschauende Ihre App jedoch öffnen, müssen sie sie in den App Stores und auf ihren Geräten finden. Sie können das Erscheinungsbild Ihrer App von der Entdeckung in einem App Store bis zur täglichen Nutzung anpassen.
Dieser Artikel erläutert die Markengrafiken, die Sie unserem Team für die Anpassung Ihrer Apps zur Verfügung stellen können, sowie Best Practices aus der Branche, um Ihnen den Einstieg zu erleichtern. Die von Ihnen gewählten Markengrafiken können dazu beitragen, dass Ihre Apps einzigartig, ansprechend und einheitlich mit Ihrem Webprodukt und Ihrer allgemeinen Markenidentität erscheinen.
In diesem Artikel:
Für einen detaillierten Einblick in die App-Erfahrung und jedes anpassbare Markenelement laden Sie unser App Design Mockup herunter, das am Ende dieses Artikels angehängt ist.
Markenlogo
Ihr Logo sollte auffallend und einfach sein. Sie sollten immer versuchen, ein einzigartiges Markenlogo zu haben. Versuchen Sie nicht, etablierte Marken zu kopieren.
Ihr Logo kann an verschiedenen Stellen in Ihrer App verwendet werden:
- Auf dem App-Symbol
- In der oberen Akzentleiste auf mobilen Explore-Bildschirmen
- In der Navigationsseitenleiste auf den TV Explore-Bildschirmen
- Auf dem Splash-Screen
- Im Login-Bereich
- Auf dem Einstellungsbildschirm
💡 Best Practice: Stellen Sie ein Logo mit einer Vielzahl von Formaten und Farben bereit, damit es in jedem Kontext gut erkennbar ist.
Mindestabmessungen des Logos: 1024 x 1024 px. Empfohlene Logo-Abmessungen: 2000 x 2000 px oder skalierbares Vektorformat.
App-Symbol
Ihr App-Symbol ist eines der ersten Dinge, die Ihre Zuschauenden sehen. Es erscheint auf den Geräten der Zuschauenden und oben in den App-Store-Einträgen.
- Halten Sie Ihr Symbol einfach. Ihr App-Symbol kann sich von Ihrem allgemeinen Markenlogo unterscheiden!
- Verwenden Sie wenig oder gar keinen Text. Text kann auf kleinen Symbolen oder von der Couch aus schwer lesbar sein.
- Einige App-Plattformen verlangen, dass das Logo Ihres App-Symbols den vollständigen Namen Ihrer App enthält. Unser Team kann Symbolvarianten anfordern, um diese Anforderungen zu erfüllen.
- Verwenden Sie eine erkennbare Symbolsprache oder Markenzeichen.
💡 Best Practice: Halten Sie as Symbol für Ihre Mobil-App einfach und vermeiden Sie nach Möglichkeit Text und dünne Schriftarten.
💡 Best Practice: Fügen Sie den Namen Ihrer App auf den TV-App-Symbolen hinzu, aber halten Sie das Design so einfach, dass es von der Couch aus lesbar ist.
Mindestabmessungen des Symbols: 1024 x 1024 px für Mobil-Apps, 1280 x 768 px für TV-Apps. Empfohlene Symbolabmessungen: 2000 px breit oder skalierbares Vektorformat.
Vizio-Apps benötigen Symbole im skalierbaren Vektorformat.
Design
Ihre Mobil-Apps können mit einem hellen oder dunklen Theme gestartet werden. Denken Sie daran, dass Ihre Zuschauenden die Möglichkeit haben, zu ihrem bevorzugten Theme zu wechseln, weshalb Sie das Aussehen beider Optionen berücksichtigen sollten.
App-Farben
Ihre Markenfarben repräsentieren Ihr Unternehmen. Denken Sie über Farben nach, die sowohl innerhalb der App als auch im Vergleich zu Ihrem Logo gut zur Geltung kommen.
Sie können eine Farbe für folgende Elemente auswählen:
- Obere Akzentleiste auf mobilen Explore-Bildschirmen (helles und dunkles Theme)
- Navigationsleiste auf TV-Explore-Bildschirmen
- Buttons:
Innerhalb Ihrer Vimeo OTT App-Suite können die Schriftfarben nicht angepasst werden. Sie werden je nach Hintergrund entweder schwarz oder weiß sein, um Zugänglichkeit und Lesbarkeit zu gewährleisten.
💡 Best Practice: Weiß oder Schwarz können mit dem Hintergrund verschwimmen und wichtige Schaltflächen verdecken. Wählen Sie mindestens eine kontrastierende Markenfarbe.
Splash-Screen
Ihr Splash-Screen wird kurz angezeigt, während die App geladen wird. Normalerweise haben Zuschauende nur ein oder zwei Sekunden Zeit, um ihn zu sehen. Einfache, markante Designs mit einem zentrierten Logo oder ausdrucksstarken Bildern eignen sich gut für einen Splash-Screen.
Der Splash-Screen wird auf einer Vielzahl von Geräteformen wie Handys, Tablets und Fernsehern bildschirmfüllend angezeigt.
💡 Best Practice: Halten Sie wichtige Logos und Motive in der Mitte der Bildfläche, oder stellen Sie Splash-Optionen für jede Dimension zur Verfügung.
Abmessungen des Splash-Screens für Mobile:
- 2048 x 2732 px (3:4) für Tablets im Hochformat,
- 2732 x 2048 px (4:3) für Tablets im Querformat.
- Handys und 16:9-Tablets werden vom Splash-Screen für Tablets beschnitten.
Abmessungen des Splash-Screens für TV:
- 1920 x 1080 px (HD) oder 3840 x 2160 (4K)
Anmeldeschranke
Die Anmeldeschranke erscheint nach dem Startbildschirm, wenn Benutzer Ihre App zum ersten Mal öffnen oder wenn sie versuchen, auf Inhalte oder Funktionen zuzugreifen, die ein Konto erfordern. Die meisten Benutzer werden diesen Bildschirm nur einmal sehen, nämlich in dem Moment, in dem sie von einem interessierten Benutzer zu einem Mitglied Ihrer Zielgruppe werden.
Einige Ideen, die Sie bei der Gestaltung Ihrer Anmeldeschranke berücksichtigen sollten:
- Präsentation der Bandbreite Ihrer Bibliothek mit einem Raster aus Vorschaubildern.
- Unetrstützung Ihres Markenlogos mit ergänzenden Farben.
- Denken Sie daran, dass das Hauptziel Ihrer Anmeldeschranke die Konversion ist! Kommunizieren Sie den Wert Ihres Angebots und legen Sie den Schwerpunkt auf den Call-to-Action-Button.
Abmessungen der Anmeldeschranke für Mobile:
- 2048 x 2732 px (3:4) für Tablets im Hochformat,
- 2732 x 2048 px (4:3) für Tablets im Querformat.
- Handys und 16:9-Tablets werden von der Tablet-Anmeldeschranke beschnitten.
- Die Hintergründe der mobilen Anmeldeschranke werden je nach Theme mit einem dunklen oder hellen Farbverlauf Overlay, um Barrierefreiheit und Lesbarkeit zu gewährleisten.
Abmessungen der Anmeldeschranke für TV:
- 1920 x 1080 px (HD) oder 3840 x 2160 (4K)
Sind Sie ein bestehender Vimeo OTT Enterprise-Kunde mit Apps, die eine Designaktualisierung benötigen? Reichen Sie hier Ihre App-Designanfrage ein.