top of page
CONCEPT
PROCESS
Um die Homepage mit den erforderlichen Datenmengen und der umfangreichen Sitemap von rund 20 statischen Seiten, 6 dynamischen Seiten und 8 Overlays optimal zu gestalten, waren uns drei zentrale Konzeptkriterien besonders wichtig.
MAKE IT MODULAR
Um den Anforderungen an Branding und Interaktion gerecht zu werden, ist ein modularer Ansatz erforderlich. Dadurch können viele Elemente – sowohl im Design als auch im Code – flexibel angepasst werden, was effizienteres Arbeiten und minimalen Wartungsaufwand ermöglicht.
DON'T MAKE ME THINK
Die User Experience dieser Website steht an oberster Stelle. Sowohl die Navigation, das Layout als auch die Designs müssen intuitiv und benutzerfreundlich gestaltet sein.
MAKE IT APP-LIKE
Um die Navigation immersiv zu gestalten und die Website schlanker wirken zu lassen, war es unser Ziel, sie wie eine App erscheinen zu lassen. Durch konsequente Optimierung für Desktop, Tablet und Smartphone wird sichergestellt, dass sie auf jedem Gerät eine optimale Benutzererfahrung bietet.
PRINTS
PROCESS
Hochwertige Druckerzeugnisse gehören zu einem modernen Sportverein dazu. So haben wir Prints entwickelt, die das Branding in seiner gesamten Bandbreite repräsentieren. Wie es für einen Sportverein typisch ist, liegt der Fokus vor allem auf Teamware und Merchandise. Dabei haben wir stilvolle Jerseys mit aufwendigen Stickereien und edlen Tackle-Twill-Stoffen entworfen. Ergänzend dazu gibt es zahlreiche Merchandise-Artikel wie Banner, Flyer und Sticker. Die Farbgenauigkeit wurde durch den Einsatz von Pantone-Farben sichergestellt, und die Produkte überzeugen sowohl durch ihre erstklassige Qualität als auch durch ihr durchdachtes Design.
PANTONE
Violet C
Neon Yellow C
REBRAND A BRAND
PROCESS
Die Ravens haben ein umfassendes Rebranding von uns bekommen. Das neue Logo behält zwar die bekannte Profilansicht bei, präsentiert sich jedoch in einer dynamischeren und moderneren Komposition. Freigestellte Elemente betonen den zeitgemäßen Look und verleihen dem Design mehr Leichtigkeit. Anstelle von Gold kommt nun ein sportliches Neon-Gelb zum Einsatz. Das klassische Schwarz wird durch ein tiefes Violett ergänzt, das an die natürliche Färbung von Rabengefieder erinnert. Das Logo kann auch in einer vollständig weißen Variante verwendet werden.
Neu hinzugekommen ist ein Secondary Logo, das einen Raben im Sturzflug zeigt. Solche Secondary Logos sind im Eishockeysport weit verbreitet und werden häufig im Merchandise-Bereich eingesetzt.
LOGO
Main
Invertiert
Emblem
Secondary
Secondary Invertiert
Secondary Emblem
CLIENT
COLOGNE RAVENS
WORK
LOGO & CORPORATE DESIGN, PRINTS, DIGITAL EXPERIENCES
INTRO
Aus tiefer emotionaler Verbundenheit haben wir für das Beer-League-Eishockeyteam Cologne Ravens als freundschaftlichen Dienst ein hochwertiges und vollwertiges Rebranding gestaltet.
DESIGN
WORK
Erbaum Bold
Erbaum Bold Contour by 3Level Up
Erbaum Regular
COLOR
Violet
Neon Yellow
Dark Violet
Anthrazit
Black
Grey
White
IMAGERY
PROCESS
Für die Vielzahl an benötigten Bildern haben wir einen Styleguide sowie Presets entwickelt, die eine klare und einheitliche Bildsprache gewährleisten. Neben den Presets, die für einen plastischeren Look sorgen, werden gezielt Farbverläufe, Licht- und Blureffekte eingesetzt, die klassisch in Photoshop bearbeitet werden. Ergänzt werden die Bilder von der Mannschaft, Teamwear und den Matches durch KI-generierte Bilder, die das Wappentier für Social Media lebendig in Szene setzen.
HOMEPAGE
PROCESS
Eine komplett neue Homepage war der nächste Step, um die Ravens auf ein Top-Level zu heben. Von Anfang an lag der Fokus darauf, keine einfache Microsite zur Vorstellung der Mannschaft zu schaffen, sondern eine umfassende Entertainmentzentrale für sämtliche Aktivitäten der Ravens. Dazu wurde eine leistungsstarke Datenbank integriert, die es ermöglicht, große Mengen an Content problemlos zu verwalten. Neben den obligatorischen Team- und Clubdaten bietet die Seite regelmäßige Inhalte aus dem Ligabetrieb, darunter Liveticker, Aufstellungen, Vorberichte, Trainingsupdates, Ligaergebnisse, Tabellen, Statistiken zu Spielern und dem Team sowie Videos und Newsartikel. Diese Fülle an Content wird sowohl auf statischen als auch dynamischen Seiten bereitgestellt.
DESIGN
EXAMPLE NAVIGATION
Um die Navigation intuitiv zu gestalten, haben wir gelbe Buttons verwendet, die den Nutzer zu weiteren Themen führen, während violette Buttons innerhalb eines Themenbereichs für eine gezielte Navigation sorgen.
STANDARD - MOUSEOVER
EXAMPLE CONTENT PLATE
Ein zentrales Designelement sind die Content-Kacheln, die für vielfältige Inhalte genutzt werden. Auf dem Desktop werden sie durch stilvolle Mouseover-Effekte hervorgehoben, während sie auf Touch-Geräten eine intuitive und flüssige Bedienung ermöglichen.
STANDARD - MOUSEOVER
DEVELOPMENT
PROCESS
Die Website wurde vollständig in Wix Studio entwickelt, einschließlich einer integrierten Datenbank und einer App-Lösung zur mobilen Bearbeitung der Datenbank. Eine durchdachte End-to-End-Lösung umfasst auch eine umfassende SEO-Implementierung. Die Desktop-Version besticht durch ein konsistentes, harmonisches CSS sowie Mouseover-Animationen, die speziell für Touchscreen-Geräte optimiert wurden. Ein besonderes Highlight sind zwei aufwendig gestaltete, responsive Multistatus-Elemente, in denen über 20 verschiedene Inhalte intuitiv abgerufen werden können. Das SEO-Setup umfasst Keywords, Metatags, Listings, Imagetags und Descriptions umfasst, um die Sichtbarkeit zu maximieren.
FRAMEWORK
PROJEKT KEY DATA
LIFESTYLE BRAND
Logos im vollständigen Corporate Design, eine Bildsprache mit vordefinierten Presets sowie eine prägnante Brandstory.
TIME FRAME
ca. 3 Wochen
PRICE RANGE
Alle Module 7.500€
HIGHCLASS PRINTS
Teamwear wie Trikots und Goalie-Masken, umfangreiches
Merchandise, hochwertige Flyer, Banner und Sticker.
TIME FRAME
ca. 4 Wochen
PRICE RANGE
Alle Module 10.000€
DIGITAL EXPERIENCE
Eine contentreiche Branding-Website mit leistungsstarker Datenbank, umfangreicher Sitemap und intensiver Optimierung für verschiedene Devices.
TIME FRAME
ca. 3-4 Monate
PRICE RANGE
Website 40.000€ | SEO-Setup 6.000€
bottom of page