00 / Case Study
CHECKRESI.
CHECKRESI misst Resilienz, für einzelne Menschen, Teams und ganze Unternehmen.
- Projekt
- Software-as-a-Service
- Branche
- Resilienz & Persönlichkeitsentwicklung
- Leistungen
- Konzept, UX/UI-Design, Entwicklung, Motion Design
- Technik
- SvelteKit, Supabase, Craft CMS
- Live
- checkresi.com ↗
01 / Idee
Die Idee.
Resilienz, also die Fähigkeit, mit Druck, Veränderung und Rückschlägen umzugehen, lässt sich trainieren. Dafür muss man aber erst wissen, wo man steht. CHECKRESI macht das messbar: Ein Online-Check erfasst sieben Resilienzfaktoren, von Optimismus über Selbstregulation bis zur Netzwerkqualität, und zeigt, wo die Stärken liegen und wo es sich lohnt anzusetzen. Meine Aufgabe war, daraus ein Produkt zu machen, das man gern benutzt: verständlich, schnell und auf jedem Gerät.
02 / Umsetzung
Die Umsetzung.
Website, Web-App, Bezahlung und Verwaltung greifen ineinander, entwickelt aus einer Hand.
Auswertung, die man versteht.
Am Ende jedes Checks steht ein klares Ergebnis: das Resilienz-Level als Tacho, die sieben Faktoren als Netzdiagramm und darunter konkrete Empfehlungen für die Faktoren mit dem größten Potenzial. Wer tiefer einsteigen will, bekommt ausführliche Definitionen, Tipps und passende Übungen.
Pakete und Bezahlung.
Vom kostenlosen Einstieg bis zum All-In-Check mit allen drei Modulen: Im Shop wählt man das passende Paket und bezahlt direkt in der App. Zahlung und Rechnung wickelt Paddle ab, das Paket ist sofort freigeschaltet.
Alles im Blick.
Im Dashboard sieht man laufende Checks, gekaufte Pakete und die bisherigen Ergebnisse. Im Hintergrund pflegt ein eigener Admin-Bereich Fragen, Inhalte und Übersetzungen, verwaltet Nutzer und sammelt Feedback, ganz ohne Entwickler.
Die Website.
checkresi.com erklärt das Angebot, stellt die drei Module vor und führt in die App. Die Seite ist mit Craft CMS gebaut, zweisprachig auf Deutsch und Englisch, mit Blog und eigenem Affiliate-Programm, und so angelegt, dass sich Inhalte ohne Programmierkenntnisse pflegen lassen.
03 / Motion Design
Bewegte Bilder.
Zum Launch gehört Bewegung. Für CHECKRESI habe ich eine Logo-Animation in allen gängigen Formaten gestaltet, vom 16:9-Video bis zum Hochformat für Social Media, und das Launch-Video oben auf dieser Seite produziert, das die App in 30 Sekunden zeigt.
04 / Technik
Technik.
Web-App
- SvelteKit und Svelte 5
- Supabase: Anmeldung und Datenbank
- Paddle: Zahlungen und Rechnungen
- Resend: E-Mails
- Paraglide: Deutsch und Englisch
- Chart.js: Auswertungen
Website
- Craft CMS 5
- Tailwind CSS und Alpine.js
- Blitz: Caching für kurze Ladezeiten
- SEOMatic: Suchmaschinenoptimierung
- Formie: Formulare
05 / Kontakt
Du planst eine eigene Web‑App?
Ob SaaS-Produkt, Kundenportal oder internes Tool: Lass uns im kostenlosen Erstgespräch über deine Idee sprechen.