Zum Inhalt springen

Eine App für jeden Weg durch die Stadt — mit einer Marke, die sich liest wie ein Straßenschild.

Jahr
2026
Kategorie
Konzeptmarke · Mobilitäts-App
Status
Konzeptprojekt — DEELRs eigene Marke, kein Kunde
Umfang
Marke, Designsystem, Produkt-UI, Motion, Kampagne
bettr-Website öffnen Konzeptmarke von UVRO — bettr ist kein echter Dienst.

Idee

Deine Stadt. Nur bettr.

Eine App für jeden Weg durch die Stadt — Fahrten, Scooter, Räder, Lieferung — mit einer Marke, die sich verhält wie Beschilderung: Papier, Tinte und eine Signalfarbe. Der Punkt unter dem e ist die ganze Idee: der eine Punkt, der sagt, wohin es als Nächstes geht.

Studie 13 · Große Typo

Ein Wort. In Signal.

Schwere Typo, ein Signalwort pro Fläche — die Wortmarke zeichnet sich, der Punkt springt zuletzt.

  • Ein Signal pro Ansicht: der Punkt, das Schlüsselwort, der Los-Button.
  • Das Markenwort schließt die Zeile — „Nur bettr.“ — in Signal gesetzt.
  • Sprechen wie ein Schild, nicht wie ein Slogan: kurz, auf Straßenhöhe, ein bisschen frech.

Problem

Vier Wege durch die Stadt, vier verschiedene Apps.

Quer durch die Stadt heißt: Auto, Scooter, Rad oder Kurier wählen — und meist für jedes eine andere App, ein anderer Look und eine andere Logik. bettr ist ein Konzept für das Gegenteil: eine App, eine Karte, eine Fahrtkarte, eine Sprache.

Studie 03 · Objektfamilie
01
Eine App, vier Dienste
Fahrten, Scooter, Räder und Lieferung teilen eine Karte, eine Suche, eine Karte und einen Los-Button.
02
Eine Marke, die man bei 30 km/h liest
Typo in Plakatgröße, ein Akzent, Wegeleit-Vokabular statt Werbesprache.
03
Ehrlich gebaut
Ein Konzept: keine Partner, keine Preise, keine Bewertungen als echt ausgegeben.
Studie 01 · Ökosystem

Eine App. Jeder Weg.

Vom Homescreen direkt in die Karte: Fahrt, Scooter, Rad und Lieferung teilen eine Oberfläche.

System

Ein Leitsystem, keine Kampagne.

Dieselben Teile bauen jede Fläche: der Claim mit einem Signalwort, die Fahrtkarte, die Dienstreihe, die weiche Pille, die Wegeleit-Kacheln. Farbrollen, Typo, Radius und Motion sind Tokens in Code — Website, App, Szenen und Plakate lesen daraus.

Studie 02 · Leitsystem
Studie 05 · Sticker
Studie 10 · Satz mit Symbol

Lesbar bei 30 km/h.

Signal#EC0264 — eins pro Ansicht
GrundPaper #F4F0EB · Card #FFFFFF · Ink #020A16
Radiuscard 22 px · pill · icon 22.4%
TypInter Tight 800 · Geist · Geist Mono

Identität

Wortmarke, Punkt, Palette, Typo, Icons.

Die Wortmarke ist Figtree 800 in Pfaden, der Punkt an der Referenz vermessen: mittig unter dem e, 0,39 × x-Höhe. Das Zeichen ist das b mit demselben Punkt; das App-Icon ist das Zeichen in Weiß auf Signal. Vierzehn Linien-Icons teilen ein Strichsystem.

Wortmarke · Figtree 800 in Pfaden, der Punkt unter dem e · Schrift: Inter Tight + Inter
Weiß mono auf Signal
Weiß auf Nacht
Zeichen · b + Punkt
App-Icon · 22,4 % Ecke
9664402416
Studie 14 · Wort wird Zeichen
Signal Magenta#EC0264 · Signal · eins pro Ansicht
Paper#F4F0EB · Grund · 70–80 %
Card#FFFFFF · Grund · 70–80 %
Ink#020A16 · Grund · 70–80 %
Blush#F4A6C3 · Support · Details
Mute#707075 · Support · Details
Night#09090D · Support · Details
Inter Tight 800 · Display

Deine Stadt. Nur bettr.

Inter · Produkt-UI, Fließtext

Nicht selbst fahren. Fahren lassen. Ankunft: gleich. Ein Weg, eine App.

Inter tabular · Zahlen, die ticken

4 Min. · 1,2 km · 12,40 €

ridesscootersbikesdeliveryleafarrowchevronpinclockroutewalletstarshielduser

Produkt

Die App: Karte, Fahrtkarte, los.

Das Produkt ist ein funktionierender App-Prototyp: eine Stadtkarte, eine Suche, die vier Dienste, die Fahrtkarte vom Plakat, das Scooter-Entsperren und die Lieferverfolgung.

01 · Scooter entsperren · Demo
02 · Fahrtkarte · Demo
03 · Lieferung verfolgen · Demo
Studie 12 · Fahrtkarten

Karte, Knopf, Suche, Route.

Eine Fahrt als Folge von Karten: Abholung, „Los geht’s“, Ziel tippen, Route auf der Karte.

Studie 06 · Splash

Zwei Linien öffnen die App.

Der Punkt fällt, wird zur Linie, verdoppelt sich und wischt den Homescreen auf.

Motion

Bewegt sich wie die Straße.

Schnell rein, ruhig raus, kein Federn außer dem einen Pop. Jede Szene wurde Bild für Bild an Referenzaufnahmen vermessen und mit bettrs eigenen Teilen nachgebaut; außerhalb des Bildschirms pausieren die Szenen, bei reduzierter Bewegung halten sie ein Standbild.

Studie 09 · Fahrzeugbühne
Studie 11 · Satz für Satz

Sechs Wörter pro Sekunde.

Der Satz baut sich Wort für Wort auf, hart geschnitten, mit Symbol-Chips im Text — dann steht die Wortmarke.

Studie 07 · Sicherheit

Sicher, ohne Statistik.

Schloss, Helm, Gurt: flache Illustrationen, Signal als einziger Akzent, keine Zahlen.

Kurven

standardcubic-bezier(.45, 0, .2, 1)
outcubic-bezier(.16, 1, .3, 1)
incubic-bezier(.5, 0, .9, .4)
popcubic-bezier(.34, 1.56, .64, 1)

Dauern (ms), an den Referenzen gemessen

tick100
char200
word200
pop300
swap500
card800
slide1300
hold1500
beat2500

In der Stadt

Eine Idee, jedes Format.

Billboard, Bank, Citylights, Litfaßsäule, Stations- und U-Bahn-Plakate, ein Gebäudebanner, eine dunkle Wand, Kacheln, Pillen, eine E-Mail und Sticker — alles in Code aus denselben Teilen gebaut und in Druckgröße gerendert. Keine Fotos, keine Stockbilder, keine fremden Marken.

Studie 04 · Kampagne

Plakat und Onboarding im selben Takt.

Links wechselt das Motiv alle 1,47 s, rechts rückt die Onboarding-Reihe eine Karte weiter.

OOH 03 · Citylight 4:6 — Typo + Lenker
OOH 04 · Citylight 4:6 — Kartenrahmen
OOH 05 · Citylight 4:6 — Satz mit Icons + Fahrtkarte
OOH 02 · Bank 3.8:1
OOH 06 · Litfaßsäule — Bandplakat
OOH 08 · U-Bahn-Plakat — Route als Linie
OOH 09 · Gebäudebanner
OOH 13 · Fahrtstatus-E-Mail
OOH 10 · Dunkle Wand — 3D-Objekt
OOH 07 · Stationsplakat — Fahrtenliste
OOH 12b · Stadion-Screen — Pillen
OOH 11 · Wegeleit-Raster 4×2
OOH 12 · Pillen-Muster
OOH 15 · Stickerbogen
OOH 14 · Scheibensticker

Film

Ein Zeichen, ein Raster, ein Film.

Pin, Raster, Wortmarke, Gewichte, Plakatwand, Farbbalken — der Markenfilm setzt das System in 34 Sekunden zusammen.

Studie 08 · Markenfilm

Handoff

Was existiert — und nichts Erfundenes.

bettr is a concept project: UVRO's own brand, not a client, not in market. This is what was built.

Identität
Wortmarke, Zeichen, App-Icon und Favicon als SVG-Familie aus neun Dateien, erzeugt aus einer Geometriequelle
Tokens
Gesampelte Palette mit Rollen und Kontrastnotizen, Typo, Radius, Abstände, Motion-Kurven und -Dauern — in Code
Website + App
Eine Konzept-Website und ein App-Prototyp (Karte, Fahrtwahl, Fahrtkarte, Scooter entsperren, Lieferung)
Motion
Szenen nach vermessenen Referenzaufnahmen, pausiert außerhalb des Bildschirms, Standbild bei reduzierter Bewegung
OOH-Kit
17 artworks as React pieces, rendered to 2× PNG with a contact sheet
Status
Konzeptprojekt — kein Kunde, keine Kennzahlen, keine Partner