Konzeptprojekt · Photovoltaik
Solarix — Solarstrom für Gewerbebetriebe.
Eine vollständige B2B-Website für einen Anbieter gewerblicher Photovoltaik: Marke, Design-System, Inhalte und technische Umsetzung. Entstanden als eigenes Stück, um zu zeigen, wie ich arbeite, wenn niemand Vorgaben macht.
Seite ansehen Konzeptprojekt, die Seite ist nicht öffentlich erreichbar.
- Web & UI
- Branding
- Photovoltaik
- B2B
- Dark UI
- Icon-Design
- Responsive
Konzeptprojekt. Firmenname, Team, Kundenlogos und Kennzahlen sind erfunden. Marke, Signet, die acht Branchen-Icons und die vierzehn Kundenlogos sind von mir gezeichnet, die Fotos stammen von Unsplash.
Die Idee
Erst rechnen, dann verkaufen.
Photovoltaik-Anbieter werben fast alle gleich: Module, Förderung, Nachhaltigkeit. Für einen Betrieb mit einer 4.000-Quadratmeter-Halle ist das keine Entscheidungsgrundlage. Der will wissen, ob sein Dach die Last trägt und wann sich das rechnet.
Also habe ich die Seite um diese Haltung gebaut: Wir rechnen Ihr Hallendach durch, bevor irgendjemand über Module spricht. Jede Sektion arbeitet auf diesen einen Satz hin, von der Bestandsaufnahme über die Reaktionszeit bis zu den acht Branchen mit ihren unterschiedlichen Lastprofilen.
Die Seite läuft überwiegend dunkel. Zwei helle Sektionen in der Mitte bilden den Ruhepunkt und heben genau das hervor, worum es geht: Reaktionszeit und Leistungsumfang.
Alle Abschnitte im Überblick
Acht von sechzehn Abschnitten, vom Hero bis zum FAQ.
Struktur
Eine Seite, sechzehn Abschnitte.
Statt vieler Unterseiten führt ein durchgehender Scroll vom Problem zur Anfrage. Die Reihenfolge folgt der Frage, die ein Betrieb sich stellt.
Mobil gedacht, nicht verkleinert
Die Seite ist für das Telefon entworfen und wächst nach oben, nicht umgekehrt.
Design-System
Farbe und Schrift
Farbpalette
#081207
Seitengrund
#152D14
Karten
#B8FE56
Akzent
#84BA14
Hover
#F2EEE0
Helle Flächen
#C1CFB3
Fließtext
Alle Werte hängen an Custom Properties in einem einzigen Block. Ein Rebrand ist ein Durchgang durch diese elf Zeilen.
Typografie
Aa
Sora
Geometrisch-technischer Schnitt für Headlines und Kennzahlen. Passt zum Thema, bleibt aber zurückhaltend genug für längere Zeilen.
Aa
Space Grotesk
Fließtext, Labels und Navigation. Headlines laufen in normaler Schreibweise, Versalien mit Sperrung bleiben den kleinen Labels vorbehalten.
Beide liegen lokal als woff2 im Projekt. Keine Anfrage an Google Fonts zur Laufzeit, also auch kein Einwilligungsthema beim Ausliefern.
Nächstes Projekt
So arbeite ich auch für euch.
Erzähl mir, was du vorhast. Auch ohne fertiges Briefing: Worum geht es, bis wann, welcher Rahmen? Den Rest klären wir im Gespräch.