+49 172 6067457 Kostenloses Erstgespräch

Website für ein Energie-Start-up: CEEX aus der Schweiz

Website / Energie und Software, Zürich, Schweiz

Live ansehen

Kunde: CEEX
Branche: Energie und Software, Zürich, Schweiz
Live: ceex.ch
Leistungen: Umsetzung des vom Kunden vorgegebenen Designs
Individuelle Entwicklung in React
Sprachumschaltung Deutsch und Englisch
Newsletter-Anmeldung
Technik: React
Vite

Was ein Projekt wie dieses kostet

01 / Auf einen Blick

Ausgangslage
Ein Schweizer Energieprojekt mit einem erklärungsbedürftigen Thema: Netzengpässe, flexible Preise und KI-gestützte Software.
Lösung
Das vorgegebene Design, individuell in React umgesetzt: eine Website in Deutsch und Englisch, die Problem, Lösung und Team in klaren Blöcken erzählt.
Ergebnis
Partner, Netzbetreiber und Interessierte verstehen schnell, worum es geht, wer dahintersteht und wie sie Kontakt aufnehmen.

02 / Ausgangslage

Wo das Projekt stand.

Start-ups aus der Energiebranche haben ein Kommunikationsproblem. Ihr Thema ist wichtig, aber abstrakt. Wer über Netzstabilität und Einspeisung schreibt, verliert Leser nach dem zweiten Satz. Partner und Förderer wollen trotzdem schnell erkennen, ob ein Vorhaben Substanz hat.

CEEX brauchte eine Website, die das leistet. Das Design brachte der Kunde mit, unsere Aufgabe war die technische Umsetzung. Die hier gezeigte Seite „About Us“ erklärt die Mission in drei Karten. Sie stellt jedes Teammitglied mit Namen und Rolle vor und führt zum Kontakt. Die Website ist individuell in React entwickelt und wechselt zwischen Deutsch und Englisch.

03 / Die Lösung

Was wir gebaut haben, und warum.

Erklärung wählenEinfach gesagtFür Leute vom Fach

01
Ein Einstieg, der das Ziel in einer Zeile nennt
Oben steht das Ziel: eine nachhaltige Stromversorgung. Daneben sieht man sofort das Team auf einem Foto. Drei kurze Angaben darunter ordnen ein: Fokus auf erneuerbare Energie, Netzoptimierung rund um die Uhr, entwickelt in der Schweiz.
Hero mit zweifarbiger Headline in Dunkelblau und Grün, Teamfoto im Kreismotiv und zwei schwebenden Etiketten: Migros-Pionierfonds und AI-Powered. Die Kennzeichen 100 %, 24/7 und Swiss made stehen als Inhalt der Seite direkt unter der Subline. Der Call to Action „Get in Touch“ sitzt im Hero und fest in der Navigation.
- Menschen statt Symbolbildern im ersten Blick
- Förderer sofort sichtbar
- Kontaktknopf im Einstieg und in der Kopfzeile
02
Problem, Antrieb und Lösung in drei Karten
Drei Karten erzählen die Geschichte. Erstens: Wir brauchen mehr Strom, und Wind und Sonne liefern nicht gleichmäßig. Zweitens: CEEX will Engpässe im Verteilnetz verringern. Drittens: Software und flexible Preise sollen Angebot und Verbrauch ausgleichen.
Asymmetrisches Kartenlayout: eine weiße Textkarte, eine schmale grüne Karte für die Mission, darunter eine breite dunkelblaue Karte für die Lösung. Die Farbflächen gliedern den Inhalt ohne Icons oder Illustrationen. Der Hinweis auf die Unterstützung durch den Migros-Pionierfonds steht hervorgehoben am Ende der Lösungskarte.
- Drei Karten, drei Fragen: warum, wozu, wie
- Farbflächen statt Deko
- Förderhinweis dort, wo die Lösung erklärt wird
03
Das Team mit Namen, Rolle und Alltag
Jedes Teammitglied erscheint mit Porträt, Namen und Aufgabe. Danach folgen ein Gruppenfoto mit kurzer Vorstellung und Bilder aus dem Arbeitsalltag. So bekommt ein technisches Projekt Gesichter.
Teamraster mit einheitlichen Porträts und Rollen wie CEO, IT, Forecasting oder Infrastructure, teils mit Link zum Profil. Der Block „Who We Are“ kombiniert Text und Gruppenbild im ungleichen Spaltenverhältnis. Die Bildergalerie „Insights into Our Daily Work“ nutzt ein Raster mit einem großen und drei kleineren Fotos.
- Einheitliche Porträts im Markenlook
- Rollen zeigen die fachliche Breite
- Echte Fotos aus dem Büro
04
Zwei Wege, in Kontakt zu bleiben
Wer noch nicht anfragen will, trägt sich in den Newsletter ein. Wer bereit ist, klickt auf den grünen Knopf im dunkelblauen Abschluss. Im Footer stehen Kontakt, soziale Netzwerke und das Logo des Förderers.
Newsletter als weicher Einstieg für Besucher ohne akuten Bedarf. Danach folgt ein vollflächiger Abschluss mit einer Frage als Headline und einem einzigen Call to Action. Individuell entwickelt in React mit Vite, ohne Baukasten. Die Sprachumschaltung zwischen Deutsch und Englisch sitzt in der Navigation.
- Newsletter für spätere Entscheider
- Ein Knopf im Abschluss
- Deutsch und Englisch umschaltbar

04 / Das Ergebnis

Was am Ende steht.

Die Website macht ein abstraktes Energiethema greifbar. Sie erklärt das Vorhaben in drei Schritten, zeigt die Menschen dahinter und belegt die Förderung. Konkrete Zahlen veröffentlichen wir nur mit Freigabe des Kunden.

Komplexes Thema in drei Karten erklärt
Team mit Namen und Rollen sichtbar
Zweisprachig in Deutsch und Englisch
Individuell entwickelt, ohne Baukasten und ohne Plugins

05 / Kurz erklärt

Hero: Der erste sichtbare Bereich einer Website mit Überschrift, Bild und dem wichtigsten Knopf.
Call to Action: Der Knopf, auf den die Seite hinführt. Hier: Get in Touch.
React: Eine Programmierbibliothek, mit der Websites individuell entwickelt werden, ganz ohne Baukasten.

Fragen, die dazu oft kommen.

Was kostet eine Website für ein Start-up?

Das hängt vom Umfang ab, etwa von Seitenzahl, Sprachen und Sonderfunktionen. Nach dem Erstgespräch erhalten Sie ein konkretes Angebot.

Setzen Sie auch ein fertiges Design in Code um?

Ja. Bei CEEX kam das Design vom Kunden. Wir haben es in React mit Vite entwickelt, inklusive Sprachumschaltung und Newsletter.

Wie erkläre ich ein technisches Produkt auf der Website verständlich?

Mit einer festen Reihenfolge: erst das Problem, dann das Ziel, dann die Lösung. CEEX nutzt dafür drei Karten mit je einem Gedanken.

Brauche ich als Schweizer Unternehmen eine zweisprachige Website?

Wenn Partner, Investoren oder Bewerber international sind, ja. Wichtig ist, dass beide Sprachen gleich gepflegt werden und die Umschaltung leicht zu finden ist.

Ähnliche Projekte