Prestige Communications — Markenidentität & zweisprachige Website

5 Tage Markendesign & Full-Stack-Entwicklung

Prestige Communications ist eine Agentur für BTL- und Digitalmarketing in Athen, gegründet unter der Leitung des Athens Publishing Centre und von ATERMONO, die seit fünfzig Jahren für Werbung und grafisches Gewerbe arbeiten. Sie realisiert Promotion-Aktionen, Sonderveranstaltungen, Messeauftritte und digitale Kampagnen für Marken aus Automobil, Spirituosen, Handel und Lifestyle, von Athen und Thessaloniki bis nach Kreta und auf die Inseln. Zuerst entstand die Identität — das Couture P, ein Monogramm, dessen innere Kurve die Silhouette einer Sprechblase verbirgt, neben einer PRESTIGE-Wortmarke und einer Palette aus Gold, Schwarz und Creme —, dann wurde die Website auf diesem System gebaut, sodass Marke und Website auf denselben Entscheidungen beruhen. Griechisch führt: Die Website öffnet auf Griechisch, Griechisch füllt jeden Text, der im Englischen fehlt, und Suchmaschinen wissen, dass es die Standardsprache ist. Die Startseite beginnt mit dem Monogramm als Film — einer Nahaufnahme von gebürstetem Metall, die sich beim Scrollen dreht und zurückzieht, bis das ganze P zu sehen ist —, und die Über-uns-Seite stellt es als Monolith auf, bevor die Überschrift an WE ARE PRESTIGE, WE ARE THE FUTURE übergeht. Acht Werte buchstabieren P-R-E-S-T-I-G-E und leuchten beim Scrollen einer nach dem anderen von Creme zu Gold auf, unter Goldstaub, den der Mauszeiger wie eine Brise vor sich hertreibt. Hinter den Schaustücken steht eine Website, die arbeitet: ein Fotoportfolio in vier Kategorien, eine Wand mit fünfzig Kundenlogos, drei Leistungsseiten mit eigenen Fragen und Antworten, ein Kontaktformular und eine Casting-Bewerbung für Promoter, Hostessen und Models.

Technologien

Brand Identity Logo Design PHP 8 MySQL Vanilla JS GSAP 3 Scroll-driven video Bilingual EL/EN JSON-LD llms.txt WCAG 2.2 AA Self-hosted fonts

Herausforderungen

Eine Agentur, die Präsenz verkauft, brauchte eine Website, die nach der Marke aussieht, bevor jemand ein Wort liest — und die Marke gab es noch nicht, also musste die Identität zuerst entstehen und dann die Website tragen. Ihre Schriften waren das erste Hindernis: Die Titelschrift Orpheus Pro ist eine lizenzierte Adobe-Schrift, die nicht im Web ausgeliefert werden darf, und die Textschrift Poppins hat überhaupt kein Griechisch — auf einer Website, deren Hauptsprache Griechisch ist. Die ganze Palette ist Gold auf Schwarz, und Text über bewegtem Film fällt an Stellen im Kontrast durch, die ein Bilddurchschnitt nie zeigt. Das Material des Kunden kam, wie es war: 47 Logos in sechs Formaten, 23 davon dunkle Grafiken, die auf schwarzem Grund unsichtbar sind, und ein Dutzend mit eingebrannten weißen Kästen; 24 Eventfotos; ein mit dem Handy gedrehtes Aktionsvideo. Und die Agentur rekrutiert über die Website, also sammelt ein öffentliches Formular Fotos, Lebensläufe und persönliche Angaben — DSGVO-Daten ab dem Moment, in dem sie ankommen.

Lösungen

Das Couture P ist ein einziger, eigens gezeichneter Buchstabe, dessen Bauch eine versteckte Sprechblase trägt, kombiniert mit einer PRESTIGE-Wortmarke, einer gesperrten COMMUNICATIONS-Zeile und einer Palette aus Prestige Gold, Deep Black und Soft Cream, und geliefert als komplettes Set: horizontale, gestapelte und Symbol-Varianten in plastischer, verlaufender und flacher Ausführung, für helle und dunkle Untergründe. Die Website hält sich an dieses System, ohne die lizenzierten Dateien. Schrift-Tokens lösen die Titelschrift zu Noto Serif Display auf und teilen die Textschrift nach Unicode-Bereich — Poppins für Lateinisch, Manrope für Griechisch —, sodass ein Token in beiden Sprachen die richtigen Buchstaben zeichnet. Die Monogramm-Filme folgen dem Scrollen, kodiert mit einem Keyframe alle sechs Bilder, damit jeder Sprung sofort dekodiert wird, und fallen bei reduzierter Bewegung auf ein Einzelbild und auf kleinen Bildschirmen auf eine leichtere Fassung zurück. Jede Textzeile über Film wurde an ihrem schlechtesten 6×6-Pixel-Feld gemessen statt am Bilddurchschnitt, und jede Abdunklung wurde nach diesem Wert bemessen. Die Logos wurden in einheitlicher optischer Höhe auf Transparenz freigestellt und auf weiße Kacheln gesetzt, den einen Grund, für den jedes Zeichen gezeichnet wurde. Fotos von Bewerbern werden in WebP unter 50 KB umgeschrieben und PDF-Lebensläufe über 400 KB neu komprimiert, bevor sie außerhalb des Web-Verzeichnisses gespeichert werden. Schriften, Videos und Skripte kommen alle vom eigenen Host, sodass kein Besucher an Dritte weitergereicht wird.

Projekt besuchen