Fitness & App· Branding· App Design· Social Media

Be Bold. Be You. Eine App, die mittrainiert.

Fitbite begleitet seine Nutzer auf dem Weg zu einem stärkeren, gesünderen Ich — mit personalisierten Trainingsplänen, Ernährungstracking und Fortschrittsanalyse. Der neue Markenauftritt und das App-Design sollten diese Mission spürbar machen: bold, fokussiert, mit echtem Wiedererkennungswert. Ergebnis: ein vollständiges Brand- und Interface-System, das auf Wearable, App, Social und Print funktioniert.

7 Tage

Kickoff bis fertiges Design-System

App-Screens (Home, Training, Fortschritt, Ernährung, Profil)

Kanäle (App, Wearable, Social Media)

Leistungsumfang

Was wir gemeinsam gebaut haben.

Brand Identity

—Logo (FB-Monogramm + FITBITE Wortmarke)
—Farbpalette: Gold #C9A06A + Schwarz + Dunkelgrau + Hellgrau + Off-White
—Typografie: Sora (Light bis Bold)
—Brand Board & Style Guide
—App Icon & Favicon
—Social-Media-Templates (Feed, Story, Werbebanner)

App Design

—UI-System: Komponenten, Farbtokens, Icon-Set
—5 App-Screens: Home, Training, Fortschritt, Ernährung, Profil
—Wearable-Interface (Apple Watch)
—Onboarding-Flow
—Interaktionsdesign: Mikro-Animationen, Zustands-Feedback

Marketing & Social

—App Store Screenshots (iOS & Android)
—Social-Media-Templates (4 Formate × 3 Varianten)
—Hero-Banner für App Store & Landing Page
—Werbebanner-Set für bezahlte Kampagnen

Die Aufgabe

Das Projekt auf einen Blick.

Fitbite brauchte eine Marke und ein Interface-System, das die App aus dem Massenmarkt der Fitness-Apps heraushebt. Gold statt generischem Blau, Klarheit statt Feature-Überfrachtung — ein Design, das motiviert, bevor man auch nur eine Übung gemacht hat.

Die Herausforderung

Was es schwierig machte.

Fitness-Apps kämpfen um Aufmerksamkeit in einem übersättigten Markt. Generische Icons, austauschbare Farbgebung und überladene Dashboards sind die Norm. Fitbite musste anders wirken — und trotzdem intuitiv benutzbar sein. Die Gold-Schwarz-Palette und das Sora-Type-System geben dem Interface klare Hierarchie ohne visuelle Unruhe.

Deliverables

Was aus dem Studio kam.

01Brand System — Logo, Farbpalette, Typografie, App-Screens, Wearable-Interface & Social Media

„Ich wusste, was die App leisten soll — aber nicht, wie sie aussehen soll. Logic & Bold hat in einer Woche ein komplettes System geliefert, das genau das trifft: bold, klar, motivierend. Das ist die Marke, die ich im Kopf hatte."

Jonas Beck

Gründer · Fitbite App

Vorgehen

Wie wir das angegangen sind.

Schritt 01

Marken-Positionierung

Fitbite steht nicht für Perfektion — sondern für täglichen Fortschritt. „Be Bold. Be You." als Kern-Claim spricht Menschen an, die sich verbessern wollen, ohne sich dabei zu verbiegen. Dieses Selbstbild wurde zur Basis für alle Designentscheidungen: authentisch, direkt, motivierend.

Schritt 02

Gold als Differenzierungsmerkmal

Während der Markt in Blau und Grün kommuniziert, setzt Fitbite auf Gold. Die Farbe steht für Stärke, Wert und Exzellenz — ohne aggressiv zu wirken. Das Schwarz-Gold-System macht Fitbite auf jedem Screen sofort erkennbar.

Schritt 03

App-Struktur nach Nutzerbedürfnis

Fünf Screens, keine Ablenkung. Jeder Screen hat eine klare Funktion: wissen wo ich stehe, was ich tun soll, wie es läuft. Das Dashboard zeigt den Wochenfortschritt auf einen Blick — nicht mehr, nicht weniger. Sora als Schrift sorgt für Lesbarkeit in jeder Größe.

Schritt 04

System-Übergabe

Das gelieferte Design-System enthält alle Komponenten, Farbtokens und Interaktionsmuster, die ein Entwicklungsteam braucht, um die App 1:1 umzusetzen. Kein Rätselraten, kein Nachfragen.

Ergebnis

Was am Ende rausgekommen ist.

Fitbite hat ein vollständiges Brand- und Interface-System, das für jede Plattform funktioniert — App, Wearable, App Store, Social Media und bezahlte Werbung. Das Design ist skalierbar, wiedererkennbar und motiviert allein durch sein Erscheinungsbild.

7 Tage

Kickoff bis fertiges Design-System

App-Screens (Home, Training, Fortschritt, Ernährung, Profil)

Kanäle (App, Wearable, Social Media)

Weitere Projekte