Websitesk2.komm
k2.komm
Eine Site, die Shiraz, Wortmarke und Typo aus der Brand Identity 1:1 trägt — klar im Angebot, ruhig in der Wirkung.
k2.komm berät in der Schnittstelle zwischen Wissenschaft und Wirtschaft. Die Marke stand — Wortmarke, Shiraz und Avenir Next waren definiert. Die Website musste diese Präzision digital weiterführen: Lesbarkeit für zwei Zielgruppen, Vertrauen in der ersten Sekunde, ein Anfragepfad ohne Agenturtheater.
Brand Guidelines, Wortmarke und Print-Touchpoints waren da — die digitale Präsenz wirkte noch nicht auf dem Niveau der Identity. Zielgruppen aus Wissenschaft und Wirtschaft brauchen unterschiedliche Einstiege, aber dieselbe Vertrauenswirkung. Die Site musste beides verbinden, ohne zwei Marken zu werden.
Identity stark · Website noch nicht auf einer Linie
Farbsystem, Typo-Skala und Wortmarke aus den Guidelines auf Screen-Größen und Breakpoints übertragen. Hierarchie für zwei Zielgruppen kartiert.
Die Marke war präzise definiert — die Site durfte nicht neu erfinden, was Guidelines schon gelöst hatten.
Informationsarchitektur für Beratungsangebot, Team und Referenzen. Key Screens mit Avenir Next und Montserrat — ruhige Flächen, Shiraz als Signal.
Kommunikationsberatung lebt von Vertrauen — die Struktur muss souverän wirken, bevor jemand scrollt.
Responsive Frontend, Browser- und Social-Mockups als digitale Markenflächen. Performance und Lesbarkeit von Anfang an mitgedacht.
k2.komm ist im Netzwerk sichtbar — Website, Social und Browser-Chrome müssen eine Linie ziehen.
Website, die Wissenschaft und Wirtschaft gleichermaßen anspricht
Avenir Next60036–56 pxHeadlines & Section Titles
Eine Site, die Shiraz, Wortmarke und Typo aus der Brand Identity 1:1 trägt — klar im Angebot, ruhig in der Wirkung.
Montserrat40017 pxFließtext, Labels & Navigation
Primary Button
Idle · Hover (Shiraz vertieft) · Focus-Ring sichtbar
Service Block
Ruhezustand · Hover mit klarer Weiterleitung
4pt-Raster, weite Section-Abstände, max. Measure ~70ch. Ruhige Flächen mit Shiraz-Akzenten — keine gleichmäßigen Feature-Karten-Grids.
Umsetzung als Next.js App Router mit TypeScript und Tailwind v4. Brand Tokens aus den Guidelines direkt in globals.css — Shiraz, Blue Bayoux, Avenir Next und Montserrat als CSS-Variablen.
Referenz-Cases und Blog wachsen mit dem Mandat — Struktur und Designsystem sind vorbereitet.
Wenn jemand aus der Wissenschaft und jemand aus der Wirtschaft auf dieselbe Seite kommen und beide sofort wissen, wofür k2.komm steht — dann haben wir die richtige Balance getroffen.
Zurück zur ÜbersichtAlle Website-ProjekteWebsitesk2.komm
k2.komm
Eine Site, die Shiraz, Wortmarke und Typo aus der Brand Identity 1:1 trägt — klar im Angebot, ruhig in der Wirkung.
k2.komm berät in der Schnittstelle zwischen Wissenschaft und Wirtschaft. Die Marke stand — Wortmarke, Shiraz und Avenir Next waren definiert. Die Website musste diese Präzision digital weiterführen: Lesbarkeit für zwei Zielgruppen, Vertrauen in der ersten Sekunde, ein Anfragepfad ohne Agenturtheater.
Brand Guidelines, Wortmarke und Print-Touchpoints waren da — die digitale Präsenz wirkte noch nicht auf dem Niveau der Identity. Zielgruppen aus Wissenschaft und Wirtschaft brauchen unterschiedliche Einstiege, aber dieselbe Vertrauenswirkung. Die Site musste beides verbinden, ohne zwei Marken zu werden.
Identity stark · Website noch nicht auf einer Linie
Farbsystem, Typo-Skala und Wortmarke aus den Guidelines auf Screen-Größen und Breakpoints übertragen. Hierarchie für zwei Zielgruppen kartiert.
Die Marke war präzise definiert — die Site durfte nicht neu erfinden, was Guidelines schon gelöst hatten.
Informationsarchitektur für Beratungsangebot, Team und Referenzen. Key Screens mit Avenir Next und Montserrat — ruhige Flächen, Shiraz als Signal.
Kommunikationsberatung lebt von Vertrauen — die Struktur muss souverän wirken, bevor jemand scrollt.
Responsive Frontend, Browser- und Social-Mockups als digitale Markenflächen. Performance und Lesbarkeit von Anfang an mitgedacht.
k2.komm ist im Netzwerk sichtbar — Website, Social und Browser-Chrome müssen eine Linie ziehen.
Website, die Wissenschaft und Wirtschaft gleichermaßen anspricht
Avenir Next60036–56 pxHeadlines & Section Titles
Eine Site, die Shiraz, Wortmarke und Typo aus der Brand Identity 1:1 trägt — klar im Angebot, ruhig in der Wirkung.
Montserrat40017 pxFließtext, Labels & Navigation
Primary Button
Idle · Hover (Shiraz vertieft) · Focus-Ring sichtbar
Service Block
Ruhezustand · Hover mit klarer Weiterleitung
4pt-Raster, weite Section-Abstände, max. Measure ~70ch. Ruhige Flächen mit Shiraz-Akzenten — keine gleichmäßigen Feature-Karten-Grids.
Umsetzung als Next.js App Router mit TypeScript und Tailwind v4. Brand Tokens aus den Guidelines direkt in globals.css — Shiraz, Blue Bayoux, Avenir Next und Montserrat als CSS-Variablen.
Referenz-Cases und Blog wachsen mit dem Mandat — Struktur und Designsystem sind vorbereitet.
Wenn jemand aus der Wissenschaft und jemand aus der Wirtschaft auf dieselbe Seite kommen und beide sofort wissen, wofür k2.komm steht — dann haben wir die richtige Balance getroffen.
Zurück zur ÜbersichtAlle Website-Projekte