PHASE 1 · ANALYSE + DREI KONZEPTE
JOLIE.de — drei digitale Identitäten: Startseite, Kategorie & Artikel
Aus Logo und Cover abgeleitete Marken-Signaturen — jedes Konzept greift eine andere davon als Leitidee auf:
● Der Punkt aus j & i — weichste Geometrie der Marke
G E S P E R R T E V E R S A L I E N
+++ Laufband-Zeile +++
Sticker & Stempel („Jetzt neu!“)
Cover-Orange ↔ Marken-Rosé
Alle drei Konzepte nutzen identische Inhalte und Modulstruktur (Hero · Neueste Artikel · The Beauty Lab) — nur die visuelle Übersetzung unterscheidet sich. Bilder: Originalmaterial von JOLIE.de zu den jeweiligen Artikeln.
1a
„Der Punkt“ — die weiche Signatur
Der Punkt über j und i wird zum digitalen Markenzeichen: als Dachzeilen-Marker, Divider, Navigationselement und Ladezustand. Ruhige, warme Fläche, viel Weißraum, runde Geometrie — die JOLIE, die man gern lange liest.
MOBILE · STARTSEITE
MOBILE · KATEGORIE „BEAUTY“
MOBILE · ARTIKEL
DESIGNSYSTEM
Aa
Sora — Headlines 800, Text 400/600.
Eine Familie, runde Geometrie wie das Logo.
Eine Familie, runde Geometrie wie das Logo.
Bildlogik: ruhige Hochformate, keine Overlays — Typo steht immer auf Fläche. Runde Ecken (18–28px) und Kreis-Thumbnails als Logo-Echo.
Komponenten: Punkt-Dachzeile · Listenteaser · Punkt-Divider · Kreisbutton · Punkt-Tabbar.
IDEE · STÄRKE · RISIKO
Idee: ein einziges geometrisches Motiv (der Punkt) trägt Orientierung, Rhythmus und Interaktion.
Stärke: maximale Lesbarkeit und Ruhe; sehr CMS-freundlich, altert langsam.
Risiko: wirkt ohne starke Fotografie schnell zu leise für eine Trend-Marke.
Signatur: der rosé Punkt als wiederkehrender Anker — vom Ladezustand bis zur Tabbar.
DESKTOP · STARTSEITE — 1440 PX
1b
„Klebekante“ — das Cover lebt weiter
Die Energie des Heftcovers wird zum digitalen Prinzip: gesperrte Versalien auf Klebestreifen, Sticker, Stempel und die +++‑Laufzeile. Kraftpapier-Grund, Cover-Orange, harte Schatten — jede Story wirkt wie aufs Moodboard geklebt.
MOBILE · STARTSEITE
MOBILE · KATEGORIE „BEAUTY“
MOBILE · ARTIKEL
DESIGNSYSTEM
AAAa
Archivo 800/900, gesperrt, für Headlines & Chips.
Permanent Marker nur für Ressort-Titel.
Permanent Marker nur für Ressort-Titel.
Bildlogik: Bilder als „aufgeklebte“ Objekte mit Rahmen und hartem Schatten; Headlines liegen als Klebestreifen über der Bildkante, nie im Bild.
Komponenten: Tape-Headline · Sticker-Badge · +++‑Laufzeile · Sticker-Card · Marker-Ressorttitel.
IDEE · STÄRKE · RISIKO
Idee: die Startseite als täglich neu beklebtes digitales Cover — Print-Haptik wird Interface.
Stärke: höchste Wiedererkennung, direkteste Brücke zur Print-Marke, sehr teilbar.
Risiko: hohe visuelle Lautstärke — braucht strenge Regeln, sonst kippt es in Unruhe.
Signatur: Tape-Headlines + Orange/Kraft — auf einen Blick JOLIE, nichts anderes.
DESKTOP · STARTSEITE — 1440 PX
1c
„Schlagzeile“ — Typografie ist das Bild
JOLIE als tägliche Beauty-Schlagzeile: strenges Schwarz-Weiß-Raster mit Hairlines, monumentale Condensed-Headlines, Rosé als einzige Farbe. Bilder werden hart und schmal beschnitten — die Sprache der Redaktion trägt die Seite.
MOBILE · STARTSEITE
MOBILE · KATEGORIE „BEAUTY“
MOBILE · ARTIKEL
DESIGNSYSTEM
AA
Anton — monumentale Headlines, Versalien.
Archivo 400–800 für Text, Listen, UI.
Archivo 400–800 für Text, Listen, UI.
Bildlogik: harte, schmale Crops (Panorama, Quadrat) mit Bildcredit-Zeile — das Bild belegt nie die Hierarchie-Spitze, die Headline schon.
Komponenten: Doppellinien-Ressortkopf · Index-Teaser mit Ziffer · Rosé-Akzentwort · Credit-Zeile · Buchstaben-Tabbar.
IDEE · STÄRKE · RISIKO
Idee: die redaktionelle Stimme als Monument — Headline-Typografie ersetzt Bildrauschen.
Stärke: extrem schnell, scanbar, glaubwürdig-journalistisch; hebt sich radikal vom Kartenraster-Einerlei ab.
Risiko: weniger „schön” im klassischen Beauty-Sinn; Fotografie-Fans könnten Bildfläche vermissen.
Signatur: das rosé Akzentwort in der schwarzen Schlagzeile — sofort JOLIE-lesbar.
DESKTOP · STARTSEITE — 1440 PX