Shrinkly

Eine umfassende Plattform zur Verfolgung des CO2-Fußabdrucks, die Benutzern ermöglicht, Umweltauswirkungen zu überwachen, verifizierte Kompensationen zu erwerben und an Nachhaltigkeitsherausforderungen teilzunehmen.

Projektübersicht

Shrinkly ist eine Full-Stack-Nachhaltigkeitsplattform, aufgebaut als modernes pnpm-Monorepo mit Turborepo-Orchestrierung. Die Plattform ermöglicht es Benutzern, ihren CO2-Fußabdruck automatisch aus Finanztransaktionen zu verfolgen, verifizierte CO2-Kompensationsprojekte zu durchsuchen und zu erwerben, in gamifizierten Nachhaltigkeitsherausforderungen zu konkurrieren und sich mit einer umweltbewussten Community zu vernetzen. Mit Enterprise-Architekturmustern gebaut, umfasst die Anwendung 126 React-Komponenten in atomarem Design, eine typsichere API-Schicht und umfassende Sicherheitsinfrastruktur.

Teamgröße: 1

Dauer: Ongoing

Entwicklungsstunden: 300+

Verwendete Dienste

Development Product Design

Next.js 16React 19TypeScript 5Fastify 5ZustandTailwind CSS 4shadcn/uiZodRechartsFramer Motion & GSAPSupabaseTurborepo

iMac displaying Shrinkly features section

Was war das Problem?

Die individuelle Verfolgung des CO2-Fußabdrucks bleibt für die meisten Menschen unzugänglich — Emissionen manuell zu berechnen ist mühsam und bestehende Tools mangeln an Engagement. Benutzer haben Schwierigkeiten, ihre Umweltauswirkungen zu verstehen, verifizierte Kompensationsprojekte zu finden und die Motivation zur Emissionsreduzierung aufrechtzuerhalten. Der Nachhaltigkeitsbereich brauchte eine umfassende Plattform, die automatisierte Verfolgung, Marktplatzfunktionen, soziale Verantwortung und Gamification kombiniert, um CO2-Reduktion zugänglich und ansprechend für alltägliche Benutzer zu machen.

Lösung

Wir haben eine Full-Stack-Monorepo-Plattform mit modernem React 19 und Next.js 16 für das Frontend architektonisch gestaltet, gepaart mit einem Fastify 5 API-Backend — alles mit gemeinsamen TypeScript-Typen für End-to-End-Typsicherheit. Die Lösung verwendet Enterprise-Muster einschließlich atomarer Designkomponenten, Zustand-Zustandsverwaltung mit modularen Slices und umfassender Sicherheitsmiddleware.

Wir haben ein Next.js 16-Frontend mit 35 App-Routen erstellt, die Dashboard, Transaktionen, Insights, Herausforderungen, Kompensationen, Ziele, Profile und Einstellungen abdecken — organisiert mit atomaren Design-Mustern

Wir haben eine Fastify 5 REST-API mit OpenAPI/Swagger-Dokumentation, typsicheren Routen mit Zod-Validierung und automatischer CO2-Berechnung basierend auf Transaktionskategorien entwickelt

Wir haben eine vereinheitlichte Zustand-Store-Architektur mit 13 modularen Slices implementiert, die 11 Context-Provider für verbesserte Leistung ersetzen

Wir haben einen CO2-Kompensationsmarktplatz mit 18+ verifizierten Projekten mit Warenkorb, Kaufhistorie und Blockchain-Verifizierungsintegration erstellt

Wir haben ein gamifiziertes Herausforderungssystem mit Bestenlisten, Meilensteinen, Schwierigkeitsgraden (Leicht bis Experte) und Belohnungsmechaniken gestaltet, um das Benutzerengagement zu fördern

Wir haben eine umfassende Sicherheitsinfrastruktur aufgebaut, einschließlich CSRF-Schutz, endpunktspezifischer Ratenbegrenzung, CSP-Headern und Row Level Security in Supabase PostgreSQL

Funktionalität

Shrinkly bietet Benutzern ein intuitives Dashboard, das Echtzeit-CO2-Emissionen, Kategorieaufschlüsselungen (Transport, Ernährung, Einkauf, Energie, Dienstleistungen) und monatliche Trendanalysen anzeigt. Die Plattform berechnet automatisch CO2-Äquivalente aus Finanztransaktionen mit kategoriespezifischen Multiplikatoren, unterstützt den Massenimport von Transaktionen und bietet KI-gestützte Empfehlungen zur Reduzierung des persönlichen CO2-Fußabdrucks.

Die Ergebnisse unserer Zusammenarbeit:

Echtzeit-CO2-Fußabdruck-Dashboard mit interaktiven Recharts-Visualisierungen, Kategorieaufschlüsselungsanalyse und Monats-zu-Monats-Vergleichsmetriken

Transaktionsmanagementsystem mit CRUD-Operationen, automatischer CO2-Berechnung (6 Kategoriemultiplikatoren), Massenimport von bis zu 1.000 Transaktionen und erweiterter Filterung/Sortierung

CO2-Kompensationsmarktplatz mit 18+ verifizierten Projekten, vollständigem Warenkorb-Workflow, Mengenverwaltung und Kaufhistorieverfolgung mit Blockchain-Verifizierung

Gamifizierte Nachhaltigkeitsherausforderungen mit 4 Schwierigkeitsgraden, Teilnehmer-Bestenlisten, Meilensteinverfolgung, kategoriespezifischen Herausforderungen (7 Kategorien) und Belohnungsverteilung

Soziale Funktionen einschließlich Freundesnetzwerk mit Anfrageverwaltung, Community-Beiträge mit Likes und Kommentaren, Errungenschaften-Panel und Benutzerprofilanpassung

Zielsetzungssystem mit Fortschrittsverfolgung, täglichen Zielvergleichen, KI-gestützten Reduktionsempfehlungen und Benachrichtigungspräferenzen

126 wiederverwendbare React-Komponenten, organisiert in atomarer Design-Hierarchie mit shadcn/ui-Basis (66+ Komponenten)

Projektergebnisse

35+

App-Seiten mit vollständigem Routing und Navigation

126

Wiederverwendbare React-Komponenten in atomarer Hierarchie

Zustand-Store-Slices für modulare Zustandsverwaltung

66+

shadcn/ui-Komponenten integriert und mit Theme versehen

Mac Pro showing Shrinkly stats and mission section

Shrinkly pricing page with Free, Premium, and Family plans

Three Simple Steps — Choose Your Method, AI Analyzes Everything, Get Personalized Insights

Frequently Asked Questions about Shrinkly carbon tracking

Kundenerfolgsgeschichten

Von folgenden Personen geschätzt Innovatoren weltweit

Verlassen Sie sich nicht nur auf unsere Aussage – hören Sie von den Gründern, Teams und Führungskräften, die mit uns zusammengearbeitet haben.

“Sie haben uns nicht einfach nur eine App entwickelt – sie haben wirklich verstanden, warum unsere Kunden so einkaufen, wie sie es tun. Die gesamte Benutzererfahrung fühlt sich natürlich an, und unsere Abläufe laufen jetzt viel reibungsloser. Ehrlich gesagt, hat sich die Plattform innerhalb der ersten Monate amortisiert.”
Pearl DumnuiMitbegründer, Glückliche Lebensmittelhändler
“Wir brauchten ein Branding, das „modern und vertrauenswürdig“ ausstrahlte, ohne langweilig zu wirken. Das Ergebnis war genau das, was wir erwartet hatten – die Designs wirken frisch, aber gleichzeitig seriös genug für eine digitale Vertragsplattform. Das gab uns das nötige Selbstvertrauen, um Investoren vom ersten Tag an mit einem überzeugenden Auftritt zu überzeugen.”
BuddySign-TeamBuddySign
“Unser Logo sollte junge Unternehmer und erfahrene Stakeholder gleichermaßen ansprechen. Keine leichte Aufgabe. Doch das finale Design ist einfach gelungen – es ist dynamisch genug, um Begeisterung zu wecken, und professionell genug, um es auf Dokumenten für Regierungspartnerschaften zu verwenden. Wir haben für unser Branding mehr Komplimente erhalten als für alles andere.”
Startup Namibia TeamStartup Namibia
“Wir sind eine KI-gestützte Plattform, daher musste unser Branding technisch, aber nicht einschüchternd wirken. Das von ihnen entworfene Logo trifft genau diesen Punkt – es ist klar, modern und skaliert optimal, egal ob auf der Website-Kopfzeile oder als kleines App-Icon. Ein simples Briefing, das sie hervorragend umgesetzt haben.”
MyAjarn-TeamMyAjarn
“Sie haben uns nicht einfach nur eine App entwickelt – sie haben wirklich verstanden, warum unsere Kunden so einkaufen, wie sie es tun. Die gesamte Benutzererfahrung fühlt sich natürlich an, und unsere Abläufe laufen jetzt viel reibungsloser. Ehrlich gesagt, hat sich die Plattform innerhalb der ersten Monate amortisiert.”
Pearl DumnuiMitbegründer, Glückliche Lebensmittelhändler
“Wir brauchten ein Branding, das „modern und vertrauenswürdig“ ausstrahlte, ohne langweilig zu wirken. Das Ergebnis war genau das, was wir erwartet hatten – die Designs wirken frisch, aber gleichzeitig seriös genug für eine digitale Vertragsplattform. Das gab uns das nötige Selbstvertrauen, um Investoren vom ersten Tag an mit einem überzeugenden Auftritt zu überzeugen.”
BuddySign-TeamBuddySign
“Unser Logo sollte junge Unternehmer und erfahrene Stakeholder gleichermaßen ansprechen. Keine leichte Aufgabe. Doch das finale Design ist einfach gelungen – es ist dynamisch genug, um Begeisterung zu wecken, und professionell genug, um es auf Dokumenten für Regierungspartnerschaften zu verwenden. Wir haben für unser Branding mehr Komplimente erhalten als für alles andere.”
Startup Namibia TeamStartup Namibia
“Wir sind eine KI-gestützte Plattform, daher musste unser Branding technisch, aber nicht einschüchternd wirken. Das von ihnen entworfene Logo trifft genau diesen Punkt – es ist klar, modern und skaliert optimal, egal ob auf der Website-Kopfzeile oder als kleines App-Icon. Ein simples Briefing, das sie hervorragend umgesetzt haben.”
MyAjarn-TeamMyAjarn

“Wir hatten eine vage Vorstellung davon, was WealthBeeing sein sollte, und sind mit etwas viel Besserem als erwartet gegangen. Das Team hat sich die Zeit genommen, den Bereich der Finanzberatung gründlich zu verstehen, bevor es auch nur eine Zeile Code geschrieben hat. Dieser zusätzliche Aufwand zeigt sich in jedem Bereich der Plattform – unsere Kunden bemerken den Unterschied.”
Padung SopatvorapongMitgründer & Geschäftsführender Gesellschafter, WealthBeeing
“Grenzüberschreitende B2B-Zahlungen in Afrika stellen eine komplexe Herausforderung dar. Es gilt, Compliance-Prozesse zu bewältigen, Sonderfälle mit mehreren Währungen zu berücksichtigen und Unternehmenskunden zu berücksichtigen, die keine Geduld für umständliche Benutzeroberflächen haben. Das Team hat all diese Hürden gemeistert und ein Produkt entwickelt, das unsere Pilotkunden tatsächlich gerne nutzen – was in der Fintech-Branche selten ist.”
AsantePay-TeamAsantePay
“Der Mietwagenmarkt in Namibia ist unübersichtlich – viel Hin und Her über WhatsApp und keinerlei Transparenz. Ich brauchte eine Plattform, die sowohl Autobesitzer als auch Mieter problemlos miteinander verbindet. Genau das haben sie entwickelt, und dank des agilen Prozesses konnten wir Funktionen mit echten Nutzern testen und schnell anpassen.”
Allen ManaseGründer, RentedWheels
“Wir hatten eine vage Vorstellung davon, was WealthBeeing sein sollte, und sind mit etwas viel Besserem als erwartet gegangen. Das Team hat sich die Zeit genommen, den Bereich der Finanzberatung gründlich zu verstehen, bevor es auch nur eine Zeile Code geschrieben hat. Dieser zusätzliche Aufwand zeigt sich in jedem Bereich der Plattform – unsere Kunden bemerken den Unterschied.”
Padung SopatvorapongMitgründer & Geschäftsführender Gesellschafter, WealthBeeing
“Grenzüberschreitende B2B-Zahlungen in Afrika stellen eine komplexe Herausforderung dar. Es gilt, Compliance-Prozesse zu bewältigen, Sonderfälle mit mehreren Währungen zu berücksichtigen und Unternehmenskunden zu berücksichtigen, die keine Geduld für umständliche Benutzeroberflächen haben. Das Team hat all diese Hürden gemeistert und ein Produkt entwickelt, das unsere Pilotkunden tatsächlich gerne nutzen – was in der Fintech-Branche selten ist.”
AsantePay-TeamAsantePay
“Der Mietwagenmarkt in Namibia ist unübersichtlich – viel Hin und Her über WhatsApp und keinerlei Transparenz. Ich brauchte eine Plattform, die sowohl Autobesitzer als auch Mieter problemlos miteinander verbindet. Genau das haben sie entwickelt, und dank des agilen Prozesses konnten wir Funktionen mit echten Nutzern testen und schnell anpassen.”
Allen ManaseGründer, RentedWheels

“Die Entwicklung eines KI-Produkts ist knifflig, da die Technologie für den Nutzer unsichtbar sein muss. Das ist ihnen hervorragend gelungen. Unsere Funktionen zur Erkennung von Geisteraufträgen und zur Optimierung von Auftragsverläufen sind zwar technisch komplex, aber die Benutzeroberfläche vermittelt ein müheloses Nutzungsgefühl. Nutzer haben uns bestätigt, dass Gilji das erste Jobtool ist, das ihre Zeit wirklich wertschätzt.”
Gilji-TeamGilji
“Wir hatten eine Marktplatzidee, aber keine klare Vorstellung von der technischen Umsetzung. Sie halfen uns, den Buchungsprozess, die Zahlungsabwicklung und alles Weitere zu entwickeln – und setzten das Ganze schnell um. Schon wenige Wochen nach dem Start konnten Safari-Anbieter sich selbstständig anmelden, ohne dass wir sie dabei unterstützen mussten. Das ist gutes Produktdesign.”
GoTwende-TeamGoTwende
“Sie haben unsere Philosophie perfekt getroffen. Das Logo spiegelt alles wider, wofür wir stehen – jung, dynamisch und trotzdem seriös. Und die Einrichtung unseres Microsoft 365-Arbeitsbereichs darauf? Das hat die tägliche Zusammenarbeit in unserem Team grundlegend verändert. Absolut empfehlenswert!”
Olivia NamkombaGeschäftsführer, Jugend für einen sinnvollen Zweck
“Die Entwicklung eines KI-Produkts ist knifflig, da die Technologie für den Nutzer unsichtbar sein muss. Das ist ihnen hervorragend gelungen. Unsere Funktionen zur Erkennung von Geisteraufträgen und zur Optimierung von Auftragsverläufen sind zwar technisch komplex, aber die Benutzeroberfläche vermittelt ein müheloses Nutzungsgefühl. Nutzer haben uns bestätigt, dass Gilji das erste Jobtool ist, das ihre Zeit wirklich wertschätzt.”
Gilji-TeamGilji
“Wir hatten eine Marktplatzidee, aber keine klare Vorstellung von der technischen Umsetzung. Sie halfen uns, den Buchungsprozess, die Zahlungsabwicklung und alles Weitere zu entwickeln – und setzten das Ganze schnell um. Schon wenige Wochen nach dem Start konnten Safari-Anbieter sich selbstständig anmelden, ohne dass wir sie dabei unterstützen mussten. Das ist gutes Produktdesign.”
GoTwende-TeamGoTwende
“Sie haben unsere Philosophie perfekt getroffen. Das Logo spiegelt alles wider, wofür wir stehen – jung, dynamisch und trotzdem seriös. Und die Einrichtung unseres Microsoft 365-Arbeitsbereichs darauf? Das hat die tägliche Zusammenarbeit in unserem Team grundlegend verändert. Absolut empfehlenswert!”
Olivia NamkombaGeschäftsführer, Jugend für einen sinnvollen Zweck

Nehmen Sie Kontakt auf

Lasst uns gemeinsam etwas Großartiges aufbauen.

Haben Sie ein Projekt im Sinn? Füllen Sie das untenstehende Formular aus und wir melden uns innerhalb von 24-48 Stunden bei Ihnen.

Reaktionszeit innerhalb von 24-48 Stunden

Wir beantworten jede Anfrage schnell.

NDA verfügbar

Ihre Ideen werden vertraulich behandelt.

Kein Spam-Versprechen

Nur projektbezogene Kommunikation

Unternehmen

Dienstleistungen

Unterstützung