Brandvoice baut Webseiten von Hand, aus St. Gallen für KMU in der ganzen Schweiz.

Erstgespräch
St.Gallen · Digitalmanufaktur

Webseiten, in denen deine Stimme wohnt.

Von Hand gebaut, kein Baukasten. Ein Ort, der aussieht und klingt wie deine Marke, fertig befüllt und so gebaut, dass er Jahre hält.

Der Einsatz

Die meisten Webseiten gehen im Lärm unter.

Sie sehen aus wie tausend andere und laden zu langsam. Wer dich sucht, ist weg, bevor du etwas zeigen konntest.

Womit wir bauen

Kein Baukasten. Von Hand gebaut auf modernem Fundament.

Wir setzen keine Themes zusammen und klicken nichts in einem Baukasten. Jede Seite wird von Hand geschrieben und statisch ausgeliefert, gebaut mit Astro.

Statisch

Fertig ausgeliefert

Nichts rechnet beim Öffnen. Darum schnell und stabil.

Schlank

Nur was es braucht

Code von Hand, kein Ballast aus ungenutzten Funktionen.

Robust

Wartbar und langlebig

Saubere Struktur, die auch in Jahren noch wartbar ist.

Sicher

Wenig Angriffsfläche

Keine Datenbank im Frontend, keine offene Plugin-Tür.

  • AstroDas Gerüst. Liefert fertige, statische Seiten aus und lädt JavaScript nur dort, wo es wirklich gebraucht wird.
  • TailwindDas Design-System im Code. Sorgt für ein einheitliches Bild und schlankes CSS ohne Wildwuchs.
  • GSAPBewegung und ruhiges Scrollen, zusammen mit Lenis. Für Animationen, die führen statt abzulenken.
  • Three.jsGrafik in Echtzeit über WebGL, ergänzt um PixiJS. Für ein eigenständiges Signature-Element, sparsam eingesetzt.
  • SupabaseDie entkoppelte Datenbank dahinter, mit Auth, Row Level Security und Edge Functions. Formulare, Logins und Inhalte hängen headless an der Seite.
TypeScriptSemantisches HTMLStrukturierte Daten (JSON-LD)WCAG AACore Web VitalsWebP & AVIFGit

Für dich heisst das: eine Seite, die schnell lädt, dir gehört und Jahre hält.

Warum headless

Inhalt und Darstellung getrennt. Das hält die Seite leicht.

In einem Baukasten oder klassischen WordPress steckt alles in einem schweren System: Inhalt, Technik und Darstellung in einem Topf. Wir trennen das.

Schneller

Der sichtbare Teil bleibt leicht, egal was hinten läuft.

Sicherer

Keine Datenbank offen am Frontend.

Flexibler

Frontend und Backend einzeln austauschbar.

Für dich heisst das: deine Inhalte bleiben deine, und nichts hängt an einem System, das du nicht kontrollierst.

Tempo

Astro gegen WordPress. Der Unterschied ist massiv.

Dieselbe Seite, von WordPress auf Astro umgebaut. Der Code pro Seite schrumpft drastisch, und wir bauen von Anfang an leicht.

WordPress~120 KB Code pro Seite
Mehr Code, der erst geladen und ausgewertet werden muss.
Astro~23 KB Code pro Seite
Rund 80 Prozent weniger. Statisch ausgeliefert, sofort da.

Code-Vergleich pro Seite: dokumentierter Umzug WordPress zu Astro (mfyz.com), HTML −72%, JavaScript −60%, CSS −90%. Core Web Vitals: nur 40 Prozent der WordPress-Seiten bestehen sie mobil (Web Almanac 2024).

Der ganze Vergleich: Alternative zu WordPress
Selbsttest

Wie schnell ist deine Seite gerade?

Adresse eingeben, wir messen das Tempo live über Google PageSpeed Insights, für Smartphone und Desktop.

Smartphone·von 100
Desktop·von 100
Barrierefreiheit·von 100

Das ist dein Ist-Zustand. Schneller geht fast immer, und genau das bauen wir dir.

Lass uns reden

Klingt nach deiner Seite?

Lass uns reden
Mobile zuerst

Zuerst fürs Smartphone. Weil dort entschieden wird.

Mobile ist nicht die kleine Schwester der Webseite. Mobile ist die Webseite.

  • Die meisten sind dort. Rund 60 Prozent der Besuche kommen vom Smartphone. Quelle: StatCounter.
  • Google schaut zuerst aufs Smartphone. Die mobile Version ist seit Juli 2024 der Massstab, auch für die Bewertung am Desktop.
  • Der erste Eindruck fällt in Sekunden. Wer zoomen, wischen oder warten muss, springt ab.
  • Unterwegs schwankt das Netz. Eine leichte Seite lädt auch dann, wenn der Empfang schwächelt.
touch-bedienbarlesbar ohne Zoomschnell im Mobilfunknetzauf echten Geräten getestet
Mobil-Check

Funktioniert deine Seite auf dem Smartphone?

Die meisten kommen über das Handy. Gib deine Adresse ein, wir prüfen die wichtigsten Punkte für die Bedienung am Smartphone live über Google Lighthouse.

Was das bringt

Schnell heisst: Leute bleiben.

Tempo ist kein Technik-Detail, sondern bares Geld. Wer wartet, springt ab. Eine leichte, schnelle Seite hält Leute da, wirkt professionell und bleibt sauber auffindbar.

Ladezeit3,0Sekunden
langsamschnell
+32%mehr Absprünge, wenn die Ladezeit von 1 auf 3 Sekunden steigt. Quelle: Google.
+8%mehr Abschlüsse schon bei 0,1 Sekunden schnellerem Smartphone-Tempo. Quelle: Deloitte.
~60%der Besuche kommen über das Smartphone. Quelle: StatCounter.
Wie wir Tempo bauen und beweisen
Der Weg zur fertigen Webseite

Du siehst die Arbeit, bevor du dich entscheidest.

Kein Blindkauf. Wir liefern zuerst, du entscheidest danach.

  1. I

    Erstgespräch

    Wir klären dein Ziel und deinen Budgetrahmen.

    Damit der Rahmen von Anfang an steht.
  2. II

    Prototyp in 10 Tagen

    Dein echter Prototyp steht, ohne Verpflichtung. Du entscheidest danach, ob wir bauen.

    Damit du erst zahlst, wenn du gesehen hast, was du bekommst.
  3. III

    Gemeinsam umsetzen

    Über dein Kundenportal bauen wir gemeinsam weiter, bis es sitzt.

    Damit die Seite genau deine Vision trifft.
  4. IV

    Live bis zur Onlineschaltung

    Du verfolgst jeden Schritt live mit, bis sie online geht.

    Damit am Ende eine Seite steht, die zu 100 Prozent du ist.
Dein Portal

Dein Projekt, jederzeit
im Blick.

Du musst nicht nachfragen, wie es steht. In deinem eigenen Bereich siehst du, woran wir gerade arbeiten, in welcher Phase das Projekt ist und was als Nächstes kommt.

  • Fortschritt in Echtzeit. Du siehst jede Phase, vom Entwurf bis zum Start.
  • Feedback an einem Ort. Anmerkungen direkt im Projekt, nichts geht verloren.
  • Alles beisammen. Dateien, Texte und Stand an einem Platz.
  • Kein Hin und Her. Statt Mail-Pingpong ein klarer, gemeinsamer Stand.
  • Lucy hilft mit. Unsere digitale Assistentin löst kleine Fragen direkt im Portal.
Vertrauen

Du gehst kein Risiko ein.

Der erste Entwurf ist ein Anfang, kein Endpunkt.
Wir bauen an der Gestaltung weiter, bis sie sitzt. Und am Ende gehört die Seite dir, mit allem was dazugehört.

Bis es sitzt

Wir feilen, bis die Gestaltung zu dir passt.

Die Seite gehört dir

Code und Inhalte gehen an dich über.

Wir bleiben da

Auch nach dem Start sind wir ansprechbar, wenn etwas dazukommt.

Woran wir bauen

Echte Projekte, ehrlich benannt.

Wir zeigen nur, was wirklich ist. Kein erfundenes Lob, keine geliehenen Logos.

Budenmusik Live · Case Study

Budenmusik

Von einer schweren WordPress-Seite zur statischen, von Hand gebauten Label-Seite. Eigene Markenstimme, durchlaufender Player, keine laufenden Fremdkosten. Unser eigenes Label. Wir bauen, was wir verkaufen.

  • WordPress raus, Astro rein. Aus rund 9,8 GB Installation eine schlanke, statische Seite.
  • Bilder rund 95 Prozent leichter. Die mobile Ladezeit deutlich gesenkt.
  • App-Gefühl auf dem Smartphone. Installierbar als PWA, Wisch-Navigation, Player am Daumen.
  • Positionen gehalten. Die bestehenden Google-Positionen blieben, trotz komplettem Umbau.
  • Eigene Markenstimme. Eine Stilbibel, durch die jeder Text läuft, von der Seite bis zur Mail.
  • Selbstbestimmt. Kein CMS, keine Plugins, keine laufenden Fremdkosten.
budenmusik.ch ansehen
budenmusik.ch
Live öffnen
Wer das baut

Eine Person. Von der Stimme bis zur fertigen Seite.

Brandvoice ist eine Digitalmanufaktur aus St. Gallen, kein Grossbetrieb mit Zwischenschichten. Du sprichst direkt mit der Person, die deine Seite baut. Darum nehmen wir bewusst wenige Projekte gleichzeitig.

Mehr über uns
Häufige Fragen

Was du wissen willst.

Was kostet eine Webseite?

Projekt- und wertbasiert im höheren Segment. Im Erstgespräch klären wir offen deinen Budgetrahmen und stellen die passende Lösung zusammen.

Wie lange dauert es?

Das hängt vom Umfang ab. Statt eines Pauschalversprechens bekommst du im Erstgespräch eine realistische Bandbreite.

Gehört mir die Seite am Ende?

Ja, vollständig. Code und Inhalte gehen an dich über. Du sitzt in keinem fremden System fest.

Kann ich die Inhalte selbst pflegen?

Du kannst selbst pflegen, oder wir übernehmen das. Wir richten es so ein, wie es zu dir passt.

Was, wenn das Design nicht passt?

Dann bauen wir weiter, bis es sitzt. Der erste Entwurf ist ein Anfang, kein Endpunkt.

Wie steht es um Updates und Sicherheit?

Eine statische Seite hat wenig Angriffsfläche und keine offene Datenbank im Frontend. Wir bleiben ansprechbar, wenn etwas dazukommt.

Baut ihr auf WordPress oder auf etwas anderem?

Wir bauen von Hand, ohne Baukasten und ohne WordPress. Das Ergebnis ist schneller, sicherer und hat keine offene Datenbank im Frontend, um die man sich kümmern muss.

Warum ist eine schnelle Webseite wichtig?

Weil Besucher und Suchmaschinen Tempo belohnen. Eine Seite, die sofort da ist, hält Leute, statt sie zu verlieren. Wir bauen Tempo von Anfang an ein und messen es nach.

Macht ihr auch einen Relaunch?

Ja. Wir lösen deine bestehende Seite sauber ab, übernehmen, was wichtig ist und gefunden wird, und bauen den Rest neu, schnell und in deiner Stimme.

Abschluss

Die Webseite gibt deiner Stimme Form.

Stimme und Webseite sind bei uns ein System, kein zweites Angebot. Die eine gibt den Sinn, die andere die Form.

Mehr zu Stimme & Content Lass uns redenErstgespräch Unverbindlich. Kein Verkaufsdruck. Wir melden uns innert eines Werktags.