Adote Um Gatinho: Katzenadoptions-Plattform
Ein ehrenamtliches Projekt für eine Katzenadoptions-NGO: eine Plattform, von Grund auf gebaut, um geretteten Katzen ein dauerhaftes Zuhause zu vermitteln.
Unabhängiges Projekt von Mode-Mitgründer Thiago Salvador, gezeigt als Kompetenzbeispiel, nicht als Mode-Kundenauftrag.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Vercel
Was es ist
Als ehrenamtliches Projekt für eine Katzenadoptions-NGO wurde diese Plattform von Grund auf gebaut, um geretteten Katzen ein dauerhaftes Zuhause zu vermitteln. Mit modernen Webtechnologien und durchdachtem UX-Design bietet die Website potenziellen Adoptierenden ein ansprechendes, emotionales und effizientes Erlebnis.
Das Projekt steht für den Einsatz von KI- und Entwicklungskompetenz für positiven gesellschaftlichen Impact und verbindet technische Qualität mit sozialer Verantwortung.
Funktionen
- Emotionale Hero-Sektion mit klarem Call-to-Action: Gib dein Zuhause, adoptiere ein Kätzchen
- Vier Adoptionskategorien: Kätzchen, besondere Bedürfnisse, dringende Rettungen und Helfen
- Katzengalerie mit individuellen Profilen: Fotos, Alter, Persönlichkeit und Adoptionsstatus
- Auf der Plattform angezeigte Impact-Kennzahlen: über 500 adoptierte Katzen und über 50 aktive Freiwillige
- Mehrere Unterstützungswege: Adoption, finanzielle Unterstützung und Freiwilligenarbeit
- Mobile-first Responsive Design für Zugänglichkeit auf allen Geräten
Technische Highlights
Next.js-Architektur
Gebaut mit Next.js 14+ und App Router, Server Components und optimiertem Bilderladen für Performance und SEO.
TypeScript-Implementierung
Vollständig typsichere Codebasis für Codequalität, bessere Developer Experience und weniger Laufzeitfehler.
Modernes Designsystem
Lebendige Farbpalette (Gelb, Pink, Grün, Orange) den Adoptionskategorien zugeordnet, für ein emotionales und ansprechendes Nutzererlebnis.
Intelligente Filterung
Kategorisierung, mit der Besucherinnen schnell Katzen nach Altersgruppe, besonderen Bedürfnissen und Dringlichkeit finden.
Fokus auf sozialen Impact
Mit Empathie und Nutzerpsychologie gestaltet: Adoption wird durch emotionale Verbindung und klare Calls-to-Action gefördert.
Projektdaten
- Projekttyp
- Ehrenamtliches Projekt für eine Katzenadoptions-NGO
- Kategorien
- Kätzchen, besondere Bedürfnisse, dringende Rettungen, Helfen
- Stack
- Next.js 14+, React, TypeScript, Tailwind CSS
- Deploy
- Vercel
- Fokus
- Sozialer Impact
Ergebnisse
- Komplette Adoptionsplattform für die NGO ausgeliefert, von der Hero-Sektion bis zu Katzenprofilen und Unterstützungswegen
- Die Plattform macht den Impact der NGO sichtbar: über 500 adoptierte Katzen und über 50 aktive Freiwillige
- Adoptionsprozess durch kategorienbasiertes Stöbern und klare Calls-to-Action vereinfacht
- Sichtbarkeit und Community-Engagement der NGO durch einen modernen Webauftritt gestärkt