top of page
CONCEPT
PROCESS
Durch den Verzicht auf eine klassische Home- oder Landingpage und den Einsatz von sechs gleichwertigen Landingpages erhielt der Hub als neue Startseite eine besondere Bedeutung. Um die Homepage mit den erforderlichen Datenmengen und der umfangreichen Sitemap von rund 8 statischen Seiten und mehreren Overlays optimal zu gestalten, waren uns drei zentrale Konzeptkriterien besonders wichtig.
MAKE IT MOBULAR
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 sind ein unverzichtbarer Bestandteil eines erfolgreichen B2B-Consulting-Unternehmens. Daher haben wir Druckmaterialien entwickelt, die das Branding in seiner gesamten Vielfalt widerspiegeln. Von exklusiven Broschüren und Mappen bis hin zu Flyern, Plakaten und Roll-ups – jedes Element wurde von uns gestaltet und in Zusammenarbeit mit Partnern in erstklassiger Qualität produziert. Für die Businessausstattung haben wir neues Briefpapier, Visitenkarten, Briefumschläge und vieles mehr entwickelt. Zudem haben wir Pitchdecks für PowerPoint, teils mit bis zu 30 Seiten, als Vorlagen erstellt.
PANTONE
130 C
141 C
REBRAND A BRAND
PROCESS
Die Centracon AG ist ein auf digitale Transformation spezialisiertes Consulting-Unternehmen mit rund zwei Dutzend Mitarbeitern und einer 30-jährigen Geschichte. Wir durften die dritte Modernisierung des Branding in der Unternehmensgeschichte umsetzen. Nach über zehn Jahren mit einem Branding in Marineblau und Grau war eine Modernisierung gefragt.
Nach umfassenden Interviews und einer detaillierten Analyse wurde klar: Man war offen für Neues, allerdings sollte das Design weiterhin im hellen Farbraum bleiben – kein Darkmode. Basierend auf diesen Erkenntnissen entwickelten wir zwei Branding-Konzepte mit modernisierter Typografie und einer Farbwelt in Türkis und Petrol, kombiniert mit einer weißen Umgebung.
Als dritten Entwurf präsentierten wir einen Alternativvorschlag: ein warmes Gelb mit weißer Schrift in moderner, blockiger Typografie, ergänzt durch einen kräftigen Claim oder Subtitel in Dunkelgrau. Die Umgebung und der Hintergrund wurden in Anthrazit gehalten. Trotz der anfänglichen Präferenz für helle Designs entschied sich das Unternehmen überraschend für die gelbe Variante.
Dieses neue Branding vertieften wir durch die Entwicklung einer umfangreichen Farbpalette und einer prägnanten Bildsprache, die die Marke modern und zugleich eigenständig positioniert
LOGO
Main
Invertiert
Alternate
Icon Main
Icon Invertiert
Icon Alternate
CLIENT
CENTRACON AG
WORK
LOGO & CORPORATE DESIGN, PRINTS, DIGITAL EXPERIENCES
INTRO
Für die Consulting-Firma Centracon AG, spezialisiert auf digitale Transformation, haben wir ein umfassendes Refresh des Brandings umgesetzt.
DESIGN
WORK
Avenir Black
Avenir (Farbig)
Avenir Light
COLOR
Yellow
White
Light Yellow
Anthrazit
Black
Grey
Light Grey
IMAGERY
PROCESS
Für die Vielzahl an benötigten Bildern, vorwiegend Stockbilder, haben wir einen Styleguide sowie Presets entwickelt, die eine klare und einheitliche Bildsprache sicherstellen. Die Presets sorgen für einen dunkleren, farbreduzierten, aber gleichzeitig plastischen Look. Ergänzend dazu setzen wir gezielt Farbverläufe und Lichteffekte ein, die klassisch in Photoshop bearbeitet werden, um den Bildern mehr Tiefe und Ausdruck zu verleihen.
HOMEPAGE
PROCESS
Nach der Modernisierung des Brandings war die Entwicklung einer komplett neuen Homepage der nächste Schritt. Der Wunsch war eine Website mit sechs vollwertigen Landingpages, die die verschiedenen Consultingschwerpunkte abdecken, um gezielte Inhalte auf LinkedIn zu präsentieren. Die Schaltzentrale bildete ein Hub mit acht sechseckigen Kacheln, von denen aus die Nutzer zu den Landingpages sowie zur Centracon-Übersichtsseite und dem Blog navigieren konnten. Die Website sollte über eine Datenbank und ein per API verknüpftes CRM gepflegt werden, um eine nahtlose Aktualisierung und Verwaltung zu gewährleisten.
Hinweis: Kurz nach der Veröffentlichung der Website ist die Centracon AG im dritten Corona Lockdown in die Insolvenz gegangen und hat den Betrieb dauerhaft eingestellt.
SEE IT LIVE
OFFLINE
DESIGN
EXAMPLE NAVIGATION
Der Hub als neue Startseite ist das Designhighlight der Website. Er wurde eindrucksvoll und fesselnd gestaltet, um Besucher immer wieder zu einem erneuten Besuch und zum Erkunden weiterer Themenfelder zu animieren. Die schwarzen Hexagone waren animiert und senkten und hoben sich sanft. Die hexagonalen Kacheln bewegten sich bei Mouseover oder Touch auf mobilen Endgeräten in einem 3D-Hover-Effekt. Das zentrale Hero-Image passte sich inhaltlich an die jeweilige Kachel an.
STANDARD - MOUSEOVER
EXAMPLE CONTENT PLATE
Ein zentrales Designelement der Website sind die Content-Kacheln in hexagonaler Form, die für vielfältige Inhalte genutzt werden. Auf dem Desktop werden sie durch stilvolle Mouseover-Effekte hervorgehoben, bei denen sich die gesamte Kachel leicht mit der Mausbewegung verschiebt und einen 3D-Effekt erzeugt. Die Optimierung für Touch-Geräte sorgt für eine intuitive und flüssige Bedienung, die den Nutzer nahtlos durch die Inhalte führt.
STANDARD - MOUSEOVER
DEVELOPMENT
PROCESS
Die Website wurde vollständig in React entwickelt, einschließlich einer integrierten Datenbank von Netlify 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. Das SEO-Setup umfasst Keywords, Metatags, Listings, Imagetags und Descriptions umfasst, um die Sichtbarkeit zu maximieren.
FRAMEWORK
PROJEKT KEY DATA
LIFESTYLE BRAND
Ein Refreshment des Logos, ergänzt durch eine neue Typografie, eine einheitliche Bildsprache mit vordefinierten Presets sowie eine klare Brandstory.
TIME FRAME
ca. 2 1/2 Wochen
PRICE RANGE
Alle Module 6.250€
HIGHCLASS PRINTS
Businessausstattung bestehend aus Visitenkarten, Briefpapier und Flyern. Dazu ein hochwertiges PitchDeck mit 30 Seiten im beeindruckenden & modernen Design.
TIME FRAME
ca. 5 Wochen
PRICE RANGE
Alle Module 12.500€
DIGITAL EXPERIENCE
Eine contentreiche Branding-Website mit umfangreicher Sitemap, intensiver Optimierung für verschiedene Devices und die Integration eines stylischen Blogs inkl. API.
TIME FRAME
ca. 2 1/2 Monate
PRICE RANGE
Website 30.000€ | SEO-Setup 6.000€
bottom of page