Portfolio-Vorschau: Die Studio-Seite ist eine private Vorschau (noindex) — die Tools selbst sind live.
← Zurück zum Portfolio

Fallstudie · live

Eine Suite kostenloser Web-Tools (100% clientseitig)

Vier kleine, schnelle, wirklich kostenlose Web-Tools, die jeweils eine Sache gut können — komplett im Browser, ohne Anmeldung, ohne Upload, ohne Cookies für die Kernfunktion.

Vanilla JS 100% clientseitig Schema.org / SEO Mehrsprachig Vercel
Free web tools
Rolle
Solo — Design, Engineering, Inhalte, Deployment
Stack
Vanilla HTML/CSS/JS · Clientseitig · Vercel
Zeitraum
2026
Jahr
2026
Status
Live (vier öffentliche Tools)

Vier kleine, schnelle, wirklich kostenlose Web-Tools, die jeweils eine Sache gut können — komplett im Browser, ohne Anmeldung, ohne Upload, ohne Cookies für die Kernfunktion.

Die Herausforderung

Die meisten „kostenlosen“ Online-Tools laden deine Daten hoch, verpacken eine einzige Funktion in Werbung und Anmeldungen oder brechen grundlegendes SEO. Das Ziel war das Gegenteil: winzige, ehrliche, schnelle Helfer, die vollständig clientseitig laufen und die Nutzer respektieren — und trotzdem gut genug sind, um zu ranken.

Das Vorgehen

Vier fokussierte Tools, die jeweils eine Aufgabe gut erledigen — jedes auf seiner eigenen Live-Domain:

  • favicon-maker.com — ein Favicon-Generator, der eine echte Multi-Size-.ico sowie SVG-, Apple-Touch- und Android-Icons direkt im Browser erzeugt (ein handgeschriebener ICO-Encoder auf Canvas) — nichts wird hochgeladen.
  • metatags-generator.com — ein SEO-Meta-Tag-Builder: Title/Description, Open-Graph- und Twitter-Card-Tags mit Live-Google-Vorschau und Zeichenzählern.
  • og-preview.com — eine Social-Card-Vorschau: Vor dem Veröffentlichen sehen, wie ein Link auf Facebook, X und LinkedIn aussieht — aus manuell eingegebenen oder per URL abgerufenen Tags.
  • impressumgenerator.com — ein Impressum-Generator nach § 5 DDG, für 12 Rechtsformen, mit klarem Hinweis „Vorlage, keine Rechtsberatung“.

Darunter teilen sich alle vier dieselbe Technik: Alle sind 100% clientseitig (kein Server, keine Daten verlassen den Browser), cookiefrei für die Kernfunktion, jeweils mit echten SEO-Inhalten und Anleitungen ausgeliefert, mehrere vollständig mehrsprachig und alle als statische Sites auf Vercel mit Security-Headern und Schema.org-Strukturdaten deployt.

Das Ergebnis

  • Vier live geschaltete, nützliche Tools, die sofort laden und die Daten der Nutzer auf deren eigenem Gerät belassen.
  • Inhalte und Strukturdaten machen sie auffindbar.

Was das zeigt

  • Polierte kleine Produkte end-to-end ausliefern.
  • Privacy-by-Default-Engineering (clientseitig, cookiefrei).
  • Frontend-Handwerk — ein echter ICO-Encoder, Live-Vorschauen.
  • SEO/GEO und Internationalisierung im kleinen Maßstab.

Technik auf einen Blick

Vanilla JS · Canvas · Clientseitiger ICO-Encoder · Schema.org JSON-LD · i18n · Vercel · Security-Header