[{"data":1,"prerenderedAt":1538},["ShallowReactive",2],{"cases-de":3},[4,207,328,471,626,784,921,1055,1160,1274,1431],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"subtitle":11,"type":12,"client":13,"industries":14,"services":16,"timeline":21,"year":22,"featured":23,"order":24,"slug":25,"heroImage":26,"heroImageAlt":27,"question":28,"overview":29,"blocks":49,"techStack":186,"seoTitle":192,"seoDescription":193,"body":194,"_type":201,"_id":202,"_source":203,"_file":204,"_stem":205,"_extension":206},"/cases/quiz-champions","cases",false,"de","Quiz Champions","Gamified Learning App mit Pokémon-inspirierten Avataren – entwickelt in Kooperation mit der TH Wildau.","Sammle Wissen. Sammle Avatare. Werde Champion!","client","TH Wildau / Forschungsprojekt",[15],"EdTech",[17,18,19,20],"Konzeption","UX/UI Design","Fullstack Development","Branding","4 Monate",2024,true,1,"quiz-champions","/media/projects/quiz/leaderboard.webp","Quiz Champions Leaderboard","Wie können wir Studierende motivieren, sich freiwillig mit Lernstoff zu beschäftigen?",{"headline":30,"text":31,"rail":32},"Gamification, die funktioniert","Quiz Champions ist ein gamifiziertes Lernspiel, das wir in Kooperation mit der TH Wildau entwickelt haben. Die App verbindet klassisches Quizformat mit Sammelmechaniken à la Pokémon – Wissen vermitteln und gleichzeitig einen Suchtfaktor schaffen.",[33,36,43],{"type":34,"chip":35,"text":28},"question","Leitfrage",{"type":37,"chip":38,"items":39},"list","Story-Fokus",[40,41,42],"Erst das Motivationsproblem verstehen","Dann die Spielmechaniken greifbar machen","Den Impact bewusst im nächsten Abschnitt beweisen",{"type":37,"chip":44,"items":45},"Warum es wirkt",[46,47,48],"Sammeln erzeugt Wiederkehr","Wettbewerb schafft Momentum","Belohnungen machen Fortschritt sichtbar",[50,63,69,75,85,93,101,111,119,129,134,142,152,157,164,175,181],{"type":51,"eyebrow":52,"items":53},"stats","Key Metrics",[54,57,60],{"value":55,"label":56},"47%","Mehr Lernzeit",{"value":58,"label":59},"89%","Retention Rate",{"value":61,"label":62},"50+","Sammelbare Avatare",{"type":64,"eyebrow":65,"title":66,"paragraphs":67},"text","Kooperation","Zusammenarbeit mit TH Wildau",[68],"Die Technische Hochschule Wildau ist unser Partner für Forschung und Innovation. Gemeinsam erforschen wir, wie digitale Tools Bildung verbessern können.",{"type":64,"eyebrow":70,"title":71,"paragraphs":72},"Die Challenge","Klassische E-Learning Plattformen sind langweilig",[73,74],"Nutzer brechen ab. Wissen wird schnell vergessen. Keine Motivation wiederzukommen.","Spiele wie Candy Crush, Duolingo oder Pokémon GO zeigen, dass es anders geht. Diese Mechaniken haben wir auf Wissensvermittlung übertragen.",{"type":76,"items":77},"media-grid",[78,81],{"src":26,"alt":79,"caption":80},"Leaderboard","Der Moment, in dem Lernen zum Wettbewerb wird",{"src":82,"alt":83,"caption":84},"/media/projects/quiz/avatare.webp","Avatar Collection","Belohnungen, die sich mehr nach Sammelalbum als nach Pflicht anfühlen",{"type":37,"eyebrow":86,"title":87,"items":88},"Lösung","Real-Time Quiz Battles",[89,90,91,92],"\u003Cstrong>Solo-Modus\u003C/strong> gegen die Zeit","\u003Cstrong>Multiplayer\u003C/strong> (2-4 Spieler) live gegeneinander","\u003Cstrong>Kategorien\u003C/strong> von Allgemeinwissen bis Nischen-Themen","\u003Cstrong>Adaptive Schwierigkeit\u003C/strong> – das Spiel passt sich an",{"type":37,"eyebrow":94,"title":95,"items":96},"Core Feature","Pokémon-inspiriertes Avatar-System",[97,98,99,100],"\u003Cstrong>50+ einzigartige Avatare\u003C/strong> zum Sammeln","\u003Cstrong>Evolution\u003C/strong> – Avatare entwickeln sich weiter","\u003Cstrong>Level-System\u003C/strong> – XP für jeden Sieg","\u003Cstrong>Raritäten\u003C/strong> – Common bis Legendary",{"type":76,"items":102},[103,107],{"src":104,"alt":105,"caption":106},"/media/projects/quiz/question.webp","Quiz Interface","Eine Frage, ein Tap, sofort wieder im Flow",{"src":108,"alt":109,"caption":110},"/media/projects/quiz/shop.webp","In-Game Shop","Verdiente Coins werden direkt zum nächsten Charakter-Unlock",{"type":37,"eyebrow":112,"title":113,"items":114},"Gamification","Motivation durch Belohnungen",[115,116,117,118],"\u003Cstrong>Streak-Counter\u003C/strong> (\"7 Tage am Stück!\")","\u003Cstrong>Trophäen & Achievements\u003C/strong>","\u003Cstrong>In-Game-Währung\u003C/strong> durch Gameplay verdienen","\u003Cstrong>Leaderboards\u003C/strong> für gesunden Wettbewerb",{"type":76,"items":120},[121,125],{"src":122,"alt":123,"caption":124},"/media/projects/quiz/profile.webp","User Profile","Fortschritt, der sich wie ein echtes Spielerprofil anfühlt",{"src":126,"alt":127,"caption":128},"/media/projects/quiz/trophies.webp","Trophy System","Achievements als sichtbarer Grund, morgen wiederzukommen",{"type":64,"eyebrow":130,"title":131,"paragraphs":132},"Für Lernende","Features im Detail",[133],"One-Tap-Antworten für schnelles Gameplay. Sofortiges Feedback bei jeder Antwort. Progress-Bars die motivieren. Eigenes Profil mit Stats.",{"type":37,"eyebrow":135,"title":136,"items":137},"Für Institutionen / CMS","Admin-Features",[138,139,140,141],"\u003Cstrong>Custom Content\u003C/strong> – eigene Fragen erstellen","\u003Cstrong>Eigene Trophäen\u003C/strong> definieren","\u003Cstrong>Branding anpassbar\u003C/strong>","\u003Cstrong>Analytics\u003C/strong> zum Lernfortschritt",{"type":76,"items":143},[144,148],{"src":145,"alt":146,"caption":147},"/media/projects/quiz/more.webp","Customization","Avatar-Auswahl macht Identität zum Teil des Lernspiels",{"src":149,"alt":150,"caption":151},"/media/projects/quiz/profileMock.webp","Profile Mockup","Kurze Lernmomente, so gestaltet wie eine App, die man freiwillig öffnet",{"type":64,"eyebrow":153,"title":154,"paragraphs":155},"Design","Design Decisions",[156],"\u003Cstrong>Kräftige, energetische Farben\u003C/strong> – Aktivität statt Langeweile. \u003Cstrong>Charaktere mit Persönlichkeit\u003C/strong> – keine generischen Icons. \u003Cstrong>Micro-Animations\u003C/strong> bei jedem Erfolg. \u003Cstrong>Celebratory Moments\u003C/strong> – Siege fühlen sich episch an.",{"type":37,"eyebrow":158,"title":159,"items":160},"UX Patterns","Mobile-first Approach",[161,162,163],"\u003Cstrong>Mobile-first\u003C/strong> – optimiert für Smartphone","\u003Cstrong>Minimale Ladezeiten\u003C/strong> – Spiel startet sofort","\u003Cstrong>Offline-fähig\u003C/strong> – auch ohne Internet spielbar",{"type":51,"eyebrow":165,"items":166},"Ergebnisse",[167,170,172],{"value":168,"label":169},"+47%","Durchschnittliche Lernzeit",{"value":58,"label":171},"7-Tage Retention",{"value":173,"label":174},"Täglich","Freiwillige Wiederholung",{"type":176,"eyebrow":177,"quote":178,"author":179,"role":180},"quote","Testimonial","Quiz Champions zeigt, wie Gamification Lernen transformieren kann. Die Studierenden sind begeistert.","Forschungspartner","TH Wildau",{"type":64,"eyebrow":182,"title":183,"paragraphs":184},"Key Insight","Die Sammelmechanik ist der Haupttreiber",[185],"Nutzer kommen zurück, um ihre Avatare weiterzuentwickeln – und lernen dabei.",[187,188,189,190,191],"Vue.js","Laravel","MySQL","Figma","GitHub","Quiz Champions - Gamified Learning | BitBitHooray","Case Study: Gamified E-Learning App mit TH Wildau. Pokémon-inspirierte Avatare, Real-Time Quiz Battles, 50+ freischaltbare Charaktere.",{"type":195,"children":196,"toc":197},"root",[],{"title":198,"searchDepth":199,"depth":199,"links":200},"",2,[],"markdown","content:de:cases:quiz-champions.md","content","de/cases/quiz-champions.md","de/cases/quiz-champions","md",{"_path":208,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":209,"description":210,"subtitle":211,"type":12,"client":212,"industries":213,"services":215,"timeline":220,"year":22,"featured":23,"order":199,"slug":221,"heroImage":222,"heroImageAlt":223,"question":224,"overview":225,"blocks":241,"techStack":314,"seoTitle":319,"seoDescription":320,"body":321,"_type":201,"_id":325,"_source":203,"_file":326,"_stem":327,"_extension":206},"/cases/freyanda","Freyanda","Ganzheitliche Website und App-Konzeption für Schwangerschaftsbegleitung, Yoga-Kurse und Personal Coaching – modern, einfühlsam, conversion-optimiert.","Frauengesundheit digital begleitet","Freyanda - Frauengesundheit",[214],"Gesundheit",[216,217,218,219],"Web Design","Nuxt Development","UX/UI","App-Konzeption","6 Wochen","freyanda","/media/projects/freyanda/logo.webp","Freyanda Website auf verschiedenen Geräten","Wie baut man Vertrauen digital auf – gerade bei einem so sensiblen Thema wie Schwangerschaft?",{"headline":226,"text":227,"rail":228},"Eine digitale Heimat für Frauengesundheit","Freyanda ist ein ganzheitliches Coaching-Angebot von Sarah Schmidt, einer Prä- und Postpartalen Coachin, Yogatrainerin für Schwangere und Mama. Das Angebot umfasst Schwangeren-Yoga, Rückbildungskurse, Kinderyoga, Personal Coaching und Traumabegleitung.",[229,230,235],{"type":34,"chip":35,"text":224},{"type":37,"chip":38,"items":231},[232,233,234],"Sicherheit vor Verkaufsdruck stellen","Expertise emotional und klar übersetzen","Buchung erst nach Vertrauen und Orientierung anbieten",{"type":37,"chip":236,"items":237},"Conversion-Hebel",[238,239,240],"Warme Sprache reduziert Hemmung","Klare Angebote erleichtern Entscheidung","Schnelle Website schützt den ersten Eindruck",[242,254,260,264,270,278,282,286,293,299,310],{"type":51,"eyebrow":52,"items":243},[244,247,250],{"value":245,"label":246},"+180%","Mehr Kursanmeldungen",{"value":248,"label":249},"0.9s","Ladezeit",{"value":251,"unit":252,"label":253},"4.8","★","Google Bewertung",{"type":64,"eyebrow":255,"title":256,"paragraphs":257},"Die Herausforderung","Zu viel Expertise, zu wenig Sichtbarkeit",[258,259],"Sarah hatte ein Problem, das viele Coaches kennen: Kein einheitlicher digitaler Auftritt. Kursbuchungen liefen umständlich per Telefon. Die Zielgruppe ist online-affin, aber die Präsenz war es nicht.","\u003Cstrong>Unser Ziel:\u003C/strong> Eine digitale Heimat für Freyanda – so warmherzig wie das Angebot selbst.",{"type":261,"src":222,"alt":262,"caption":263},"media","Freyanda Logo","Sanftes, einladendes Branding",{"type":64,"eyebrow":265,"title":266,"paragraphs":267},"Discovery","Wir haben zugehört",[268,269],"Was macht Freyanda einzigartig? Welche Ängste und Wünsche haben werdende Mütter? Wie können wir Vertrauen digital aufbauen?","\u003Cstrong>Key Insight:\u003C/strong> Frauen in der Schwangerschaft suchen nicht nur Kurse – sie suchen Verbindung und Sicherheit.",{"type":37,"eyebrow":271,"title":272,"items":273},"Design-Prinzipien","Warmherzig & einladend",[274,275,276,277],"\u003Cstrong>Sanfte, warme Farben\u003C/strong> – kein klinisches Weiß, sondern organische Töne","\u003Cstrong>Echte Fotos\u003C/strong> statt Stock – Sarah und echte Kursteilnehmerinnen","\u003Cstrong>Einfache Sprache\u003C/strong> – keine Fachbegriffe, sondern Herzenssprache","\u003Cstrong>Mobile-first\u003C/strong> – 78% der Zielgruppe kommt vom Smartphone",{"type":64,"eyebrow":86,"title":279,"paragraphs":280},"Moderne Website mit Kursbuchung",[281],"Eine Nuxt 3 Website mit: \u003Cstrong>Klarer Kursübersicht\u003C/strong> – alle Angebote auf einen Blick. \u003Cstrong>Online-Buchungssystem\u003C/strong> – direkte Anmeldung ohne Umwege. \u003Cstrong>Kalender-Integration\u003C/strong> – alle Termine synchronisiert. \u003Cstrong>Newsletter-Anbindung\u003C/strong> – für regelmäßige Tipps und Updates.",{"type":64,"eyebrow":219,"title":283,"paragraphs":284},"Freyanda Vision",[285],"Zusätzlich haben wir ein App-Konzept entwickelt: Schwangerschafts-Tracking mit personalisierten Einblicken. Community-Features für Austausch unter Müttern. Integration mit den Kursen vor Ort.",{"type":37,"eyebrow":287,"title":288,"items":289},"Für Kursteilnehmerinnen","Features der Website",[290,291,292],"Übersichtliche Kursseiten mit allen Details","Einfache Online-Buchung","Persönliche Über-mich-Seite die Vertrauen schafft",{"type":37,"eyebrow":294,"title":136,"items":295},"Für Sarah",[296,297,298],"Selbstständige Kursverwaltung","Einfache Content-Updates","Analytics für besseres Marketing",{"type":51,"eyebrow":165,"items":300},[301,304,308],{"value":302,"label":303},"~42","Anmeldungen/Monat (vorher ~15)",{"value":305,"unit":306,"label":307},"2","Klicks","Weg zur Buchung",{"value":248,"label":309},"Ladezeit (vorher 3.8s)",{"type":176,"eyebrow":177,"quote":311,"author":312,"role":313},"BitBitHooray hat verstanden, was Frauengesundheit wirklich braucht: Vertrauen, Achtsamkeit und eine Website die das widerspiegelt. Die Buchungen haben sich verdreifacht.","Sarah Schmidt","Gründerin Freyanda",[315,316,317,318],"Nuxt 3","SCSS","Netlify","Booking-Integration","Freyanda Case Study | Frauengesundheit Website | BitBitHooray","Website und App-Konzeption für Freyanda: Schwangerschaftsbegleitung, Yoga & Coaching digital gedacht. +180% mehr Kursanmeldungen.",{"type":195,"children":322,"toc":323},[],{"title":198,"searchDepth":199,"depth":199,"links":324},[],"content:de:cases:freyanda.md","de/cases/freyanda.md","de/cases/freyanda",{"_path":329,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":330,"description":331,"subtitle":332,"type":12,"client":13,"industries":333,"services":334,"timeline":336,"year":22,"featured":23,"order":337,"slug":338,"heroImage":339,"heroImageAlt":340,"question":341,"overview":342,"blocks":358,"techStack":461,"seoTitle":462,"seoDescription":463,"body":464,"_type":201,"_id":468,"_source":203,"_file":469,"_stem":470,"_extension":206},"/cases/swap","SWAP","Community-Plattform für Wissensaustausch mit Gamification – entwickelt in Kooperation mit der TH Wildau.","Social Learning Network",[15],[17,18,19,335],"Community Building","5 Monate",3,"swap","/media/projects/swap/discoveryPhone.webp","SWAP Learning Platform","Kann gegenseitiger Wissensaustausch nachhaltiger sein als klassische Lehrer-Schüler-Beziehungen?",{"headline":343,"text":344,"rail":345},"Knowledge Transfer Powered by Community","SWAP ist ein Social Learning Network, das wir in Kooperation mit der TH Wildau entwickelt haben. Die Plattform verbindet Menschen, die voneinander lernen können – fair, direkt und gamifiziert. Das Prinzip: Du kannst etwas, jemand anderes will es lernen. Und umgekehrt.",[346,347,352],{"type":34,"chip":35,"text":341},{"type":37,"chip":38,"items":348},[349,350,351],"Das Problem klassischer Lernplattformen zuspitzen","Das Tauschprinzip schnell verständlich machen","Community-Wachstum erst danach mit Zahlen beweisen",{"type":37,"chip":353,"items":354},"Psychologischer Hebel",[355,356,357],"Gegenseitigkeit senkt die Einstiegshürde","Matching macht Nutzen sofort konkret","Gamification hält die Community aktiv",[359,370,375,384,391,400,410,418,428,432,442,447,457],{"type":51,"eyebrow":52,"items":360},[361,364,367],{"value":362,"label":363},"2.4k","Aktive Nutzer",{"value":365,"label":366},"340+","Geteilte Skills",{"value":368,"label":369},"92%","Match-Erfolgsrate",{"type":64,"eyebrow":70,"title":371,"paragraphs":372},"Klassische Lernplattformen sind Einbahnstraßen",[373,374],"Experte → Schüler. Keine Gegenseitigkeit. Hohe Kosten für Lernende. Wenig Motivation für Lehrende.","\u003Cstrong>Unsere Idee:\u003C/strong> Was wenn Lernen ein fairer Tausch wäre?",{"type":76,"items":376},[377,381],{"src":378,"alt":379,"caption":380},"/media/projects/swap/grid.webp","Content Grid","Übersichtliche Darstellung aller Lerninhalte",{"src":339,"alt":382,"caption":383},"Discovery Mobile","Mobile-optimierte Suche nach passenden Skills",{"type":37,"eyebrow":86,"title":385,"items":386},"SWAP funktioniert wie ein Marktplatz für Wissen",[387,388,389,390],"\u003Cstrong>Liste was du kannst\u003C/strong> (Gitarre, Python, Kochen...)","\u003Cstrong>Liste was du lernen willst\u003C/strong>","\u003Cstrong>Das System matcht\u003C/strong> komplementäre Profile","\u003Cstrong>Tauscht Wissen\u003C/strong> – fair & direkt",{"type":37,"eyebrow":392,"title":393,"items":394},"Medientypen","Lernen ist individuell",[395,396,397,398,399],"\u003Cstrong>Video-Kurse\u003C/strong> erstellen & konsumieren","\u003Cstrong>Podcasts & Audio-Lektionen\u003C/strong>","\u003Cstrong>Artikel & Tutorials\u003C/strong>","\u003Cstrong>Live-Sessions\u003C/strong> (1:1 oder Gruppen)","\u003Cstrong>Interaktive Quizze\u003C/strong>",{"type":76,"items":401},[402,406],{"src":403,"alt":404,"caption":405},"/media/projects/swap/folder.webp","Folder Organization","Organisiere deine Lernmaterialien in Ordnern",{"src":407,"alt":408,"caption":409},"/media/projects/swap/folders.webp","Folder Overview","Strukturierte Übersicht aller Lernpfade",{"type":37,"eyebrow":112,"title":411,"items":412},"XP & Level-System",[413,414,415,416,417],"Punkte für jeden abgeschlossenen Swap","Level-Aufstiege mit Perks","\u003Cstrong>Badges & Achievements\u003C/strong> – Kategorie-Spezialist, Community-Helper","\u003Cstrong>Leaderboards\u003C/strong> – Top-Lehrende, Meiste Swaps","\u003Cstrong>Trust Building\u003C/strong> – Verifizierte Skills durch Community-Voting",{"type":76,"items":419},[420,424],{"src":421,"alt":422,"caption":423},"/media/projects/swap/quiz.webp","Interactive Quiz","Interaktive Quizze zum Wissenstest",{"src":425,"alt":426,"caption":427},"/media/projects/swap/stats.webp","Learning Stats","Detaillierte Statistiken zum Lernfortschritt",{"type":64,"eyebrow":153,"title":429,"paragraphs":430},"Light & Dark Mode",[431],"Beide Themes von Grund auf designed: \u003Cstrong>Light Mode\u003C/strong> – Frisch, einladend, für produktive Sessions. \u003Cstrong>Dark Mode\u003C/strong> – Fokussiert, augenschonend, für lange Lern-Sessions.",{"type":76,"items":433},[434,438],{"src":435,"alt":436,"caption":437},"/media/projects/swap/darkGrid.webp","Dark Mode Grid","Augenschonender Dark Mode für lange Sessions",{"src":439,"alt":440,"caption":441},"/media/projects/swap/darkStats.webp","Dark Stats","Stats auch im Dark Mode perfekt lesbar",{"type":64,"eyebrow":443,"title":444,"paragraphs":445},"Mobile-first","78% der Nutzer kommen vom Smartphone",[446],"Optimierte Touch-Interactions. Quick-Actions über Swipe-Gesten. Offline-Sync für unterwegs.",{"type":51,"eyebrow":165,"items":448},[449,451,453,454],{"value":450,"label":363},"2.4k+",{"value":365,"label":452},"Skill-Kategorien",{"value":368,"label":369},{"value":455,"label":456},"4.2","Swaps pro User/Monat",{"type":64,"eyebrow":182,"title":458,"paragraphs":459},"Organisches Wachstum",[460],"92% der Matches führen zu mindestens einem erfolgreichen Wissensaustausch. Die Community wächst fast ausschließlich durch Word of Mouth.",[187,188,189,190,191],"SWAP - Social Learning Network | BitBitHooray","Case Study: Community-Plattform für Wissensaustausch. Gamification meets Peer-Learning. Entwickelt mit TH Wildau.",{"type":195,"children":465,"toc":466},[],{"title":198,"searchDepth":199,"depth":199,"links":467},[],"content:de:cases:swap.md","de/cases/swap.md","de/cases/swap",{"_path":472,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":473,"description":474,"subtitle":475,"slug":476,"type":477,"client":478,"industries":479,"services":482,"timeline":21,"year":487,"order":488,"heroImage":489,"heroImageAlt":490,"question":491,"overview":492,"blocks":508,"techStack":611,"seoTitle":617,"seoDescription":618,"body":619,"_type":201,"_id":623,"_source":203,"_file":624,"_stem":625,"_extension":206},"/cases/aicaas","AICaaS","AICaaS (AI Connector as a Service) war unsere Vision einer No-Code-Plattform für DSGVO-konforme KI-Integration. Wir haben Features, Architektur, DSGVO-Compliance und EU-Förderungsplanung komplett erdacht – das Projekt wurde aber nicht realisiert.","KI-Integration ohne Code – Produktstrategie & Architektur","aicaas","studio","BitBitHooray (Eigenentwicklung)",[480,481],"SaaS","AI",[483,484,485,486],"Produktstrategie","System-Architektur","Business Planning","DSGVO-Compliance Konzept","2024",4,"/media/projects/aicaas/aicaas-hero.png","AICaaS Dashboard Interface","Wie können KMUs ohne Entwicklerteam DSGVO-konform KI integrieren?",{"headline":493,"text":494,"rail":495},"KI-Integration in 15 Minuten","Wir wollten ein Problem lösen, das wir bei Kunden immer wieder sahen: KI-Integration ist zu kompliziert. Nicht technisch unmöglich, aber für die meisten Unternehmen wirtschaftlich nicht darstellbar. AICaaS sollte das ändern – eine Plattform, auf der jeder ohne Programmierkenntnisse eigene KI-Assistenten bauen kann.",[496,497,502],{"type":34,"chip":35,"text":491},{"type":37,"chip":38,"items":498},[499,500,501],"Problem und Marktchance vor Feature-Dichte klären","Strategische Entscheidungen transparent machen","Learnings offen zeigen, statt Produktversprechen zu überziehen",{"type":37,"chip":503,"items":504},"Vertrauensanker",[505,506,507],"DSGVO-first statt AI-Hype","Architektur vor Oberfläche","Ehrliches Fazit trotz gestopptem Projekt",[509,521,526,530,538,548,555,565,574,582,592,598,606],{"type":51,"eyebrow":510,"items":511},"Konzept",[512,515,517],{"value":513,"label":514},"12","Use Cases",{"value":305,"label":516},"DSGVO-Szenarien",{"value":518,"unit":519,"label":520},"3-5","Jahre","Finanzplan",{"type":64,"eyebrow":522,"title":523,"paragraphs":524},"Spoiler","Das Projekt wurde nie realisiert",[525],"Aber der Weg dorthin – die strategische Planung, Architektur und DSGVO-Compliance-Konzepte – war lehrreich.",{"type":261,"src":527,"alt":528,"caption":529},"/media/aicaasflow.webp","AICaaS Flow Diagram","Der modulare Aufbau ermöglicht flexible KI-Integration",{"type":37,"eyebrow":531,"title":532,"items":533},"Feature-Set","No-Code Editor",[534,535,536,537],"\u003Cstrong>Drag & Drop Interface\u003C/strong> für KI-Modul-Erstellung","\u003Cstrong>Vordefinierte Templates\u003C/strong> für typische Use Cases","\u003Cstrong>Visual Flow Builder\u003C/strong> für komplexe Logik","\u003Cstrong>Export als\u003C/strong> API, JavaScript-Snippet oder Plug-in",{"type":76,"items":539},[540,544],{"src":541,"alt":542,"caption":543},"/media/projects/aicaas/aicaas1.png","AICaaS Interface","Dashboard-Ansicht mit Projektübersicht",{"src":545,"alt":546,"caption":547},"/media/projects/aicaas/aicaas2.png","AICaaS Editor","Visual Flow Builder für KI-Module",{"type":64,"eyebrow":549,"title":550,"paragraphs":551},"DSGVO-Compliance","Zwei strategische Wege",[552,553,554],"\u003Cstrong>Option A: DSGVO-konform mit EU-Models\u003C/strong> – Hosting in EU (Frankfurt, Amsterdam), On-Premise-Option für Enterprise, Keine Datennutzung für KI-Training, Strikte Data Residency.","\u003Cstrong>Option B: No-DSGVO mit Big Tech (USA)\u003C/strong> – OpenAI, Google, Azure (US-Server), Schnellerer Go-to-Market, Höheres Risiko für EU-Kunden.","\u003Cstrong>Entscheidung:\u003C/strong> Option A – langfristiger Wettbewerbsvorteil durch DSGVO-First.",{"type":76,"items":556},[557,561],{"src":558,"alt":559,"caption":560},"/media/projects/aicaas/aicaas3.png","AICaaS Templates","Vordefinierte Templates für schnellen Start",{"src":562,"alt":563,"caption":564},"/media/projects/aicaas/aicaas4.png","AICaaS Analytics","Analytics und Monitoring für KI-Module",{"type":37,"eyebrow":566,"title":567,"items":568},"Architektur","Technische Planung",[569,570,571,572,573],"\u003Cstrong>Frontend:\u003C/strong> Vue.js / Nuxt 3 (SSR für SEO)","\u003Cstrong>Backend:\u003C/strong> Node.js / Express (API-First)","\u003Cstrong>AI Layer:\u003C/strong> Modellunabhängige Adapter-Architektur","\u003Cstrong>RAG:\u003C/strong> Vector DB für eigene Datenbasis (Pinecone / Weaviate)","\u003Cstrong>Hosting:\u003C/strong> Hetzner Cloud (EU) oder AWS Frankfurt",{"type":37,"eyebrow":514,"title":575,"items":576},"Validierte Anwendungsfälle",[577,578,579,580,581],"🛒 \u003Cstrong>Shop-Betreiber:\u003C/strong> Produkt-Chatbot berät basierend auf Katalog","📚 \u003Cstrong>Chatbots\u003C/strong> mit eigenem Firmenwissen","📄 \u003Cstrong>Kanzlei:\u003C/strong> Vertragsgenerator auf Basis eigener Vorlagen","📈 \u003Cstrong>Datenanalyse\u003C/strong> und -visualisierung","🤖 \u003Cstrong>Automatisierung\u003C/strong> von Kundenservice-Prozessen",{"type":76,"items":583},[584,588],{"src":585,"alt":586,"caption":587},"/media/projects/aicaas/aicaas5.png","AICaaS Settings","Einstellungen und Konfiguration",{"src":589,"alt":590,"caption":591},"/media/projects/aicaas/aicaas6.png","AICaaS Export","Export-Optionen für verschiedene Plattformen",{"type":64,"eyebrow":593,"title":594,"paragraphs":595},"Warum gestoppt","Die Realität",[596,597],"Ohne Finanzierung konnten wir die 6-12 Monate bis zur EU-Förderungsentscheidung nicht überbrücken. Bootstrapping war bei dieser Projektgröße keine Option.","\u003Cstrong>Lange Vorlaufzeiten\u003C/strong> für EU-Förderung (12-18 Monate) + \u003Cstrong>kompetitiver Markt\u003C/strong> (Zapier, Make.com expandieren in AI) + \u003Cstrong>fehlende VC-Finanzierung\u003C/strong> = Projektabbruch.",{"type":37,"eyebrow":599,"title":600,"items":601},"Learnings","Was wir gelernt haben",[602,603,604,605],"\u003Cstrong>Validierung first:\u003C/strong> Bevor man 4 Monate plant, sollte man 4 Wochen mit echten Nutzern testen","\u003Cstrong>Finanzierung vor Entwicklung:\u003C/strong> Bei Deep Tech kein Bootstrap ohne Runway","\u003Cstrong>EU-Förderung ist langsam:\u003C/strong> 12-18 Monate Vorlaufzeit sind Realität","\u003Cstrong>DSGVO ist Wettbewerbsvorteil:\u003C/strong> Aber nur mit der Finanzierung zur Umsetzung",{"type":176,"eyebrow":607,"quote":608,"author":609,"role":610},"Fazit","AICaaS wurde nie gebaut – aber die strategische Arbeit war nicht umsonst. Jedes KI-Projekt profitiert von den DSGVO-Konzepten, der Architektur-Planung und den Business-Learnings.","Tobias Schmidt","Gründer BitBitHooray",[190,612,613,614,615,616],"Miro","System Architecture","Business Canvas","Financial Modeling","DSGVO-Framework","AICaaS - No-Code KI-Integration | BitBitHooray Case Study","Wie wir eine No-Code-Plattform für DSGVO-konforme KI-Integration konzipiert und als POC umgesetzt haben.",{"type":195,"children":620,"toc":621},[],{"title":198,"searchDepth":199,"depth":199,"links":622},[],"content:de:cases:aicaas.md","de/cases/aicaas.md","de/cases/aicaas",{"_path":627,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":628,"description":629,"subtitle":630,"type":12,"client":631,"industries":632,"services":634,"timeline":637,"year":22,"featured":23,"order":488,"slug":638,"heroImage":639,"heroImageAlt":640,"question":641,"overview":642,"blocks":658,"techStack":772,"seoTitle":775,"seoDescription":776,"body":777,"_type":201,"_id":781,"_source":203,"_file":782,"_stem":783,"_extension":206},"/cases/fabee","DJ Fabee","Website-Redesign und Branding für den House DJ – modern, energetisch, perfekt für die elektronische Musikszene.","Beats brauchen ein Gesicht","Fabee Music",[633],"Entertainment",[635,216,636],"Brand Identity","UI/UX Konzept","2 Wochen","fabee","/media/projects/fabee/logo.webp","DJ Fabee Website","Wie transportiert man die Energie eines House-Sets in eine Website?",{"headline":643,"text":644,"rail":645},"Eine digitale Bühne für DJs","Fabee Music ist ein House DJ aus Deutschland mit wachsender internationaler Präsenz. Seine Sets kombinieren emotionale Melodien mit euphorischen Grooves. Unser Auftrag: Ein Website-Redesign, das seine musikalische Identität widerspiegelt.",[646,647,652],{"type":34,"chip":35,"text":641},{"type":37,"chip":38,"items":648},[649,650,651],"Erst Atmosphäre und Persönlichkeit spürbar machen","Dann Booking-Relevanz und Professionalität zeigen","Musik als Conversion-Anker einsetzen",{"type":37,"chip":653,"items":654},"Entscheider-Signal",[655,656,657],"Professioneller Auftritt für Veranstalter","Schneller Zugang zu Musik und Terminen","Klare Booking-Fläche statt verstecktem Kontakt",[659,663,668,674,687,691,695,699,702,707,725,734,739,745,754,762,767],{"type":261,"sectionClass":660,"src":661,"alt":662},"section--cover","/media/projects/fabee/grid.webp","DJ Fabee Website Overview",{"type":64,"sectionClass":664,"title":665,"paragraphs":666},"section--densed-y","\u003Cspan>FABEE\u003C/span> MUSIC",[667],"from Germany, is a dynamic force in the electronic music scene, known for setting dance floors ablaze with infectious beats and a seamless fusion of Afro House, Melodic House, and Tech House. His latest track, Tuine, has made waves by entering the Best new Melodic House Hype Picks on Beatport showcasing his talent as both a DJ and producer. (Credits: Text & Photos by Fabian Schumacher / Fabee Music)",{"type":261,"sectionClass":669,"media":670,"alt":673},"section--densed-bottom",{"type":671,"src":672},"video","/media/projects/fabee/showcase.mp4","Fabee Music Showcase Video",{"type":76,"items":675},[676,679,682,684],{"src":677,"alt":678},"/media/projects/fabee/mock.webp","Website Mockup",{"src":680,"alt":681},"/media/projects/fabee/nav.webp","Navigation Design",{"src":639,"alt":683},"Logo Design",{"src":685,"alt":686},"/media/projects/fabee/fabee.webp","Fabee Portrait",{"type":261,"sectionClass":664,"bgColor":688,"src":689,"alt":690},"#CDD7DE","/media/projects/fabee/music.webp","Music Section",{"type":64,"sectionClass":669,"title":692,"paragraphs":693},"Custom Music Player as Micro App",[694],"Feel the vibes of FABEE´s music by playing it seamlesly on every page of the website and also on your phone.",{"type":261,"src":696,"alt":697,"caption":698},"/media/projects/fabee/player.webp","Custom Music Player","Eigener Music-Player als Micro-App – spielt auf jeder Seite",{"type":261,"src":700,"alt":701},"/media/projects/fabee/playerMini.webp","Music Player Mobile",{"type":261,"sectionClass":669,"bgColor":703,"src":704,"alt":705,"caption":706},"#e0d9d1","/media/projects/fabee/about.webp","About Section","Persönliche Story und DJ-Philosophie",{"type":76,"bgColor":703,"items":708},[709,713,717,721],{"src":710,"alt":711,"caption":712},"/media/projects/fabee/events.webp","Events Overview","Upcoming Events",{"src":714,"alt":715,"caption":716},"/media/projects/fabee/event.webp","Event Details","Event details",{"src":718,"alt":719,"caption":720},"/media/projects/fabee/contact.webp","Booking Area","Booking area",{"src":722,"alt":723,"caption":724},"/media/projects/fabee/media.webp","Media Kit","Media stuff",{"type":51,"eyebrow":165,"items":726},[727,730],{"value":728,"label":729},"+200%","Mehr Booking-Anfragen",{"value":731,"unit":732,"label":733},"2.1","min","Session-Dauer",{"type":64,"eyebrow":265,"title":735,"paragraphs":736},"Die Ausgangslage",[737,738],"Wir haben uns intensiv mit Fabees musikalischer Identität beschäftigt: \u003Cstrong>Sound\u003C/strong> – House Music mit emotionalen Melodien und euphorischen Grooves. \u003Cstrong>Auftrittsorte\u003C/strong> – Beach Clubs, Festivals, alpine Venues. \u003Cstrong>Zielgruppe\u003C/strong> – Event-Veranstalter, Club-Betreiber, Festival-Booker.","\u003Cstrong>Key Insight:\u003C/strong> Die Website muss die Atmosphäre seiner Sets transportieren – Nachtleben, Energie, Professionalität.",{"type":64,"eyebrow":740,"title":741,"paragraphs":742},"Design Concept","Dark Theme als Grundlage",[743,744],"Schwarzer Hintergrund wie ein Club um Mitternacht. Subtile Farbverläufe in den Brand-Colors. Hochwertige Event-Fotos in voller Breite.","\u003Cstrong>Typografie:\u003C/strong> Clean, moderne Sans-Serif für Lesbarkeit. Kontrastreiche Headlines. Viel Weißraum für Eleganz.",{"type":37,"eyebrow":746,"title":747,"items":748},"User Experience","Content-Hierarchie",[749,750,751,752,753],"\u003Cstrong>Hero:\u003C/strong> Sofort erkennen, wer Fabee ist","\u003Cstrong>About:\u003C/strong> Storytelling – von Deutschland zu internationalen Stages","\u003Cstrong>Shows:\u003C/strong> Kommende Events prominent","\u003Cstrong>Music:\u003C/strong> Embedded Tracks & Beatport-Links","\u003Cstrong>Booking:\u003C/strong> Direkter Kontakt ohne Umwege",{"type":37,"eyebrow":755,"title":756,"items":757},"Deliverables","Was wir geliefert haben",[758,759,760,761],"\u003Cstrong>Brand Guidelines\u003C/strong> – Logo-Varianten, Farbpalette, Typografie-System","\u003Cstrong>Website-Redesign (Figma)\u003C/strong> – Desktop & Mobile Designs, Interactive Prototype","\u003Cstrong>Content-Strategie\u003C/strong> – Verbesserte Texte, Event-Präsentation","\u003Cstrong>Asset-Paket\u003C/strong> – Optimierte Bilder, Social-Media-Templates, Press-Kit",{"type":64,"eyebrow":763,"title":764,"paragraphs":765},"Besonderheit","Music-First Approach",[766],"Die Website stellt die Musik in den Mittelpunkt: \u003Cstrong>Embedded Player\u003C/strong> auf jeder Seite. Spotify/Beatport Integration. Neueste Releases prominent.",{"type":64,"eyebrow":768,"title":769,"paragraphs":770},"Über Fabee","International bekannt",[771],"Fabee Music ist bekannt für: Releases auf Labels wie Café De Anatolia. Festival-Auftritte inkl. Parookaville. Support für Acts wie Topic und David Puentez. Internationale Shows von Thailand bis München.",[190,773,774],"Bandzoogle","Brand Guidelines","DJ Fabee Music - Website Redesign | BitBitHooray","Case Study: Website-Redesign für House DJ Fabee Music – dunkle Club-Ästhetik, professionelles Booking-Interface.",{"type":195,"children":778,"toc":779},[],{"title":198,"searchDepth":199,"depth":199,"links":780},[],"content:de:cases:fabee.md","de/cases/fabee.md","de/cases/fabee",{"_path":785,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":786,"description":787,"subtitle":788,"type":12,"client":13,"industries":789,"services":791,"timeline":21,"year":22,"featured":23,"order":488,"slug":793,"heroImage":794,"heroImageAlt":795,"question":796,"overview":797,"blocks":813,"techStack":911,"seoTitle":912,"seoDescription":913,"body":914,"_type":201,"_id":918,"_source":203,"_file":919,"_stem":920,"_extension":206},"/cases/schoolpilot","SchoolPilot","Web-App für nahtlose Kommunikation zwischen Grundschulen und Eltern – Tagebuch, Termine, Programme und mehr.","Schulkommunikation neu gedacht",[15,790],"Public Sector",[17,18,19,792],"PM","schoolpilot","/media/projects/school/homeCover.webp","SchoolPilot Interface","Warum kommunizieren Schulen 2024 noch über Papier-Elternbriefe und WhatsApp-Gruppen?",{"headline":798,"text":799,"rail":800},"Connecting Schools & Families Effortlessly","SchoolPilot ist eine Web-Applikation für Grundschulen, die Kommunikation zwischen Schulen und Familien vereinfacht. Keine verlorenen Zettel mehr, keine übersehenen Elternbriefe – alles digital, alles an einem Ort.",[801,802,807],{"type":34,"chip":35,"text":796},{"type":37,"chip":38,"items":803},[804,805,806],"Kommunikationschaos emotional greifbar machen","Eine zentrale Plattform als Entlastung positionieren","Vertrauen über DSGVO und Einfachheit aufbauen",{"type":37,"chip":808,"items":809},"Entscheider-Nutzen",[810,811,812],"Weniger Rückfragen im Alltag","Klare Informationen für Eltern","Sichere Kommunikation für Schulen",[814,826,831,835,842,852,856,866,871,877,887,895,902],{"type":51,"eyebrow":52,"items":815},[816,820,823],{"value":817,"unit":818,"label":819},"1","App","statt 5 Kanäle",{"value":821,"label":822},"-70%","Weniger Eltern-Anfragen",{"value":824,"label":825},"DSGVO","Konform",{"type":64,"eyebrow":70,"title":827,"paragraphs":828},"Grundschulen kommunizieren heute über",[829,830],"Elternbriefe (Papier!). WhatsApp-Gruppen (Datenschutz?). E-Mails (werden übersehen). Aushänge (wer liest die?). Telefonketten (ernsthaft?).","\u003Cstrong>Das Ergebnis:\u003C/strong> Chaos. Verpasste Termine. Genervte Eltern. Überarbeitete Lehrer.",{"type":261,"src":832,"alt":833,"caption":834},"/media/projects/school/grid.webp","Dashboard Overview","Strukturiertes Dashboard mit allen wichtigen Funktionen",{"type":37,"eyebrow":86,"title":836,"items":837},"Eine zentrale Plattform für alles",[838,839,840,841],"\u003Cstrong>Tagebuch / Event-Log:\u003C/strong> Tägliche Updates, Fotos (DSGVO-konform!), automatische Benachrichtigungen","\u003Cstrong>Termine & Kalender:\u003C/strong> Alle Schultermine, Export in persönliche Kalender-Apps","\u003Cstrong>Schulprogramme:\u003C/strong> Stundenpläne, AG-Angebote, Ferienpläne","\u003Cstrong>Kollegium & Team:\u003C/strong> Lehrerübersicht, Sprechstunden-Buchung",{"type":76,"items":843},[844,848],{"src":845,"alt":846,"caption":847},"/media/projects/school/galleryPhone.webp","Photo Gallery Mobile","DSGVO-konforme Foto-Galerie vom Schulalltag",{"src":849,"alt":850,"caption":851},"/media/projects/school/logbookPhone.webp","Event Logbook","Tägliches Tagebuch mit Updates aus der Schule",{"type":64,"eyebrow":443,"title":853,"paragraphs":854},"82% der Eltern checken vom Smartphone",[855],"Große Touch-Targets. Schnelle Ladezeiten. Push-Notifications.",{"type":76,"items":857},[858,862],{"src":859,"alt":860,"caption":861},"/media/projects/school/calendarTablet.webp","Calendar Tablet","Übersichtlicher Kalender für Tablet-Nutzung",{"src":863,"alt":864,"caption":865},"/media/projects/school/adminTablet.webp","Admin Interface","Einfaches Admin-Panel für Lehrkräfte",{"type":64,"eyebrow":867,"title":868,"paragraphs":869},"Admin-Interface","Einfache Bedienung für Lehrkräfte",[870],"Auch für nicht-technikaffine Lehrkräfte: Drag & Drop für Fotos. Vorlagen für wiederkehrende Updates. Bulk-Benachrichtigungen.",{"type":37,"eyebrow":824,"title":872,"items":873},"Besonders wichtig bei Kinderfotos",[874,875,876],"\u003Cstrong>Granulare Einwilligungen\u003C/strong> pro Kind","\u003Cstrong>Keine Weitergabe\u003C/strong> an Dritte","\u003Cstrong>Hosting in Deutschland\u003C/strong>",{"type":76,"items":878},[879,883],{"src":880,"alt":881,"caption":882},"/media/projects/school/settingsTablet.webp","Settings","Umfangreiche Einstellungsmöglichkeiten",{"src":884,"alt":885,"caption":886},"/media/projects/school/mockDesktopGallery.webp","Desktop Gallery","Desktop-Version für Verwaltung vom Büro aus",{"type":37,"eyebrow":888,"title":889,"items":890},"Für Eltern","Features",[891,892,893,894],"\u003Cstrong>News-Feed\u003C/strong> mit allen Updates","\u003Cstrong>Kalender-Sync\u003C/strong> mit Google/Apple","\u003Cstrong>Push-Notifications\u003C/strong> für Wichtiges","\u003Cstrong>Direktnachrichten\u003C/strong> an Lehrkräfte",{"type":37,"eyebrow":896,"title":136,"items":897},"Für Schulen",[898,899,900,901],"\u003Cstrong>Einfaches Content-Management\u003C/strong>","\u003Cstrong>Foto-Upload\u003C/strong> mit automatischer Optimierung","\u003Cstrong>Analytics\u003C/strong> – was wird gelesen?","\u003Cstrong>Mehrsprachig\u003C/strong> – für internationale Familien",{"type":51,"eyebrow":165,"items":903},[904,906,909],{"value":817,"label":905},"Kommunikationskanal (statt 5+)",{"value":907,"label":908},"\u003C2%","Verpasste Termine",{"value":821,"label":910},"Eltern-Anfragen an Sekretariat",[187,188,189,190,191],"SchoolPilot - Schul-Kommunikation | BitBitHooray","Case Study: Web-App für Schulkommunikation. Tagebuch, Termine, Fotos – DSGVO-konform und einfach zu bedienen.",{"type":195,"children":915,"toc":916},[],{"title":198,"searchDepth":199,"depth":199,"links":917},[],"content:de:cases:schoolpilot.md","de/cases/schoolpilot.md","de/cases/schoolpilot",{"_path":922,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":923,"description":924,"subtitle":925,"type":477,"client":926,"industries":927,"services":929,"timeline":220,"year":22,"featured":23,"order":931,"slug":932,"heroImage":933,"heroImageAlt":934,"question":935,"overview":936,"blocks":951,"techStack":1042,"seoTitle":1046,"seoDescription":1047,"body":1048,"_type":201,"_id":1052,"_source":203,"_file":1053,"_stem":1054,"_extension":206},"/cases/mywallet","MyWallet","Design-Studie und UI/UX Konzept für eine All-in-One Finanz-App – Zahlungen, Verträge, Versicherungen übersichtlich vereint.","Alle Finanzdaten an einem Ort","Eigenprojekt / Konzeptstudie",[928],"FinTech",[18,20,17,930],"Prototyping",5,"mywallet","/media/projects/wallet/wallet_mock.webp","MyWallet App Interface","Warum braucht man 7 verschiedene Apps und Portale, um einen Überblick über die eigenen Finanzen zu bekommen?",{"headline":925,"text":937,"rail":938},"Jeder kennt das Problem: Kontostand hier checken, Versicherung dort verwalten, Verträge irgendwo anders. MyWallet ist unser Konzept für eine App, die alles vereint – übersichtlich, sicher, modern.",[939,940,945],{"type":34,"chip":35,"text":935},{"type":37,"chip":38,"items":941},[942,943,944],"Alltagsfrust sichtbar machen","Komplexität durch ein zentrales Modell auflösen","Sicherheit und Übersicht vor Feature-Menge stellen",{"type":37,"chip":946,"items":947},"Nutzer-Nutzen",[948,949,950],"Ein Dashboard statt verstreuter Portale","Finanzentscheidungen schneller treffen","Verträge und Zahlungen besser kontrollieren",[952,964,970,973,980,990,995,998,1008,1015,1025,1033,1037],{"type":51,"eyebrow":510,"items":953},[954,956,960],{"value":817,"unit":818,"label":955},"statt 7 Portale",{"value":957,"unit":958,"label":959},"OBP","API","Standard-Integration",{"value":961,"unit":962,"label":963},"Dark","& Light","Mode",{"type":64,"eyebrow":965,"title":966,"paragraphs":967},"Das Problem","Der durchschnittliche Deutsche hat",[968,969],"\u003Cstrong>2-3 Bankkonten\u003C/strong> + \u003Cstrong>5+ Versicherungen\u003C/strong> + \u003Cstrong>10+ laufende Verträge\u003C/strong> (Strom, Internet, Handy...) + \u003Cstrong>Diverse Investment-Apps\u003C/strong>.","Das Ergebnis: Finanz-Chaos. Keine Übersicht. Versteckte Kosten.",{"type":261,"src":971,"alt":833,"caption":972},"/media/projects/wallet/mock.webp","Zentrale Übersicht aller Finanzkonten",{"type":37,"eyebrow":86,"title":974,"items":975},"Zentrale Finanzübersicht",[976,977,978,979],"\u003Cstrong>Alle Konten\u003C/strong> auf einen Blick","\u003Cstrong>Ausgaben-Kategorisierung\u003C/strong> automatisch","\u003Cstrong>Vertrags-Übersicht\u003C/strong> mit Kündigungsfristen","\u003Cstrong>Investment-Tracking\u003C/strong> für Aktien & Crypto",{"type":76,"items":981},[982,986],{"src":983,"alt":984,"caption":985},"/media/projects/wallet/debitcard.webp","Card View","Realistische Darstellung deiner Bankkarten",{"src":987,"alt":988,"caption":989},"/media/projects/wallet/cards.webp","Card Management","Verwalte alle Karten an einem Ort",{"type":64,"eyebrow":991,"title":992,"paragraphs":993},"Open Banking","Open Bank Project Integration",[994],"Dank der OBP API ist MyWallet unabhängig von einzelnen Banken: \u003Cstrong>Flexible Anbindung\u003C/strong> an jede Bank. \u003Cstrong>Standardisierte Schnittstellen\u003C/strong>. Zukunftssicher durch offene Standards.",{"type":64,"eyebrow":153,"title":429,"paragraphs":996},[997],"Beide Modi wurden von Grund auf designt – nicht einfach invertiert: \u003Cstrong>Light Mode\u003C/strong> – Klar, freundlich, für den täglichen Check. \u003Cstrong>Dark Mode\u003C/strong> – Elegant, augenschonend, perfekt für abends.",{"type":76,"items":999},[1000,1004],{"src":1001,"alt":1002,"caption":1003},"/media/projects/wallet/income.webp","Income Tracker","Visualisierung von Einnahmen und Ausgaben",{"src":1005,"alt":1006,"caption":1007},"/media/projects/wallet/incomeDark.webp","Income Dark Mode","Income-Tracking im augenschonenden Dark Mode",{"type":37,"eyebrow":889,"title":1009,"items":1010},"Dashboard & Management",[1011,1012,1013,1014],"\u003Cstrong>Dashboard:\u003C/strong> Gesamtvermögen, letzte Transaktionen, Ausgaben vs. Einnahmen","\u003Cstrong>Karten-Management:\u003C/strong> Alle Karten digital, temporäres Sperren, Limits anpassen","\u003Cstrong>Verträge & Abos:\u003C/strong> Automatische Erkennung, Kündigungserinnerungen","\u003Cstrong>Micro-Interactions:\u003C/strong> Swipe zum Wechseln, Pull-to-refresh, Haptic Feedback",{"type":76,"items":1016},[1017,1021],{"src":1018,"alt":1019,"caption":1020},"/media/projects/wallet/stockCards.webp","Investment Cards","Aktien und Investments übersichtlich als Karten",{"src":1022,"alt":1023,"caption":1024},"/media/projects/wallet/mockPhonesDark.webp","Mobile Dark Mode","Vollständig responsive mit elegantem Dark Theme",{"type":37,"eyebrow":1026,"title":1027,"items":1028},"Sicherheit","Tech-Konzept",[1029,1030,1031,1032],"\u003Cstrong>PSD2-konform\u003C/strong> für europäischen Markt","\u003Cstrong>End-to-End Verschlüsselung\u003C/strong>","\u003Cstrong>Biometrische Authentifizierung\u003C/strong>","\u003Cstrong>Keine Speicherung\u003C/strong> von Zugangsdaten",{"type":261,"src":1034,"alt":1035,"caption":1036},"/media/projects/wallet/mockDesktop.webp","Desktop Version","Desktop-Ansicht für detaillierte Analysen",{"type":64,"eyebrow":1038,"title":1039,"paragraphs":1040},"Status","Design-Konzept und Prototyp",[1041],"MyWallet ist aktuell ein Design-Konzept und Prototyp. Die UI/UX Arbeit ist abgeschlossen, die technische Implementierung wäre der nächste Schritt.",[187,1043,190,1044,1045],"Node.js","Docker","Open Bank Project API","MyWallet Case Study | Finanz-App Design | BitBitHooray","UX/UI Konzept für eine All-in-One Finanz-App: Zahlungen, Verträge, Versicherungen – alles in einer übersichtlichen App.",{"type":195,"children":1049,"toc":1050},[],{"title":198,"searchDepth":199,"depth":199,"links":1051},[],"content:de:cases:mywallet.md","de/cases/mywallet.md","de/cases/mywallet",{"_path":1056,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1057,"description":1058,"subtitle":1059,"type":12,"client":1057,"industries":1060,"services":1062,"timeline":1065,"year":22,"featured":23,"order":1066,"slug":1067,"heroImage":1068,"heroImageAlt":1069,"question":1070,"overview":1071,"blocks":1087,"techStack":1148,"seoTitle":1151,"seoDescription":1152,"body":1153,"_type":201,"_id":1157,"_source":203,"_file":1158,"_stem":1159,"_extension":206},"/cases/wetterstudio","Wetterstudio Hiddensee","Website für das Wetterstudio der Insel Hiddensee – informativ und charmant wie die Insel selbst.","Lokale Wetterdaten, liebevoll präsentiert",[1061],"Media",[216,1063,1064],"Development","Data Visualization","4 Wochen",6,"wetterstudio","/media/projects/wetterstudio/mock.webp","Wetterstudio Hiddensee Website","Wie macht man Wetterdaten nicht nur informativ, sondern auch erlebbar?",{"headline":1072,"text":1073,"rail":1074},"So einladend wie die Insel selbst","Das Wetterstudio Hiddensee liefert seit Jahren zuverlässige lokale Wetterdaten. Aber die alte Website war so alt wie manche Wettermessgeräte. Daten waren da, aber schwer lesbar. Keine mobile Optimierung. Kein Charme.",[1075,1076,1081],{"type":34,"chip":35,"text":1070},{"type":37,"chip":38,"items":1077},[1078,1079,1080],"Nutzwert zuerst sichtbar machen","Lokalen Charakter als Differenzierung nutzen","Datenvertrauen durch klare Visualisierung stärken",{"type":37,"chip":1082,"items":1083},"Nutzer-Moment",[1084,1085,1086],"Schnell wissen, ob Strand oder Regenjacke","Auf dem Smartphone sofort lesbar","Charmant genug für wiederkehrende Besucher",[1088,1098,1103,1107,1113,1120,1130,1136,1139,1144],{"type":51,"eyebrow":52,"items":1089},[1090,1093,1095],{"value":1091,"label":1092},"12k","Tägliche Besucher",{"value":455,"unit":732,"label":1094},"Verweildauer",{"value":1096,"label":1097},"100%","Uptime",{"type":64,"eyebrow":1099,"title":1100,"paragraphs":1101},"Unser Ansatz","Wetter ist emotional",[1102],"Der Blick aufs Thermometer entscheidet über Strandbesuch oder Museumsmarathon. Deshalb haben wir nicht nur Daten visualisiert – wir haben sie erlebbar gemacht.",{"type":261,"src":1104,"alt":1105,"caption":1106},"/media/projects/wetterstudio/landing-page.webp","Landing Page","Einladende Landing Page mit Live-Wetter-Widget",{"type":37,"eyebrow":1108,"title":154,"items":1109},"Visual Design",[1110,1111,1112],"\u003Cstrong>Farbschema\u003C/strong> das sich mit dem Wetter ändert (Sonne = Warm, Regen = Kühl)","\u003Cstrong>Illustrationen\u003C/strong> der Insel als Hintergrund","\u003Cstrong>Klare Typografie\u003C/strong> für schnelle Lesbarkeit",{"type":37,"eyebrow":1114,"title":1115,"items":1116},"Datenvisualisierung","Informationen auf einen Blick",[1117,1118,1119],"Live-Temperaturanzeige prominent im Header","7-Tage-Vorhersage als Timeline","Historische Daten als interaktive Charts",{"type":76,"items":1121},[1122,1126],{"src":1123,"alt":1124,"caption":1125},"/media/projects/wetterstudio/website-a.webp","Content Section","Informative Inhalte über das Wetterstudio",{"src":1127,"alt":1128,"caption":1129},"/media/projects/wetterstudio/website-b.webp","Features Section","TV-Sendetermine und Vortrags-Buchungen",{"type":37,"eyebrow":86,"title":1131,"items":1132},"Eine Website die",[1133,1134,1135],"\u003Cstrong>Sofort informiert\u003C/strong> – Temperatur im Hero-Bereich","\u003Cstrong>Details liefert\u003C/strong> – Wind, Niederschlag, UV-Index","\u003Cstrong>Geschichten erzählt\u003C/strong> – Blog mit Wetter-Insights",{"type":261,"src":1068,"alt":1137,"caption":1138},"Full Page Mockup","Gesamtansicht der Website mit Insel-Charm",{"type":51,"eyebrow":165,"items":1140},[1141,1142],{"value":1091,"label":1092},{"value":455,"unit":732,"label":1143},"Durchschnittliche Verweildauer",{"type":64,"eyebrow":182,"title":1145,"paragraphs":1146},"Mehr als nur ein Thermometer",[1147],"Die neue Seite hat 12.000 tägliche Besucher – viele davon Touristen die ihre Urlaubsplanung danach richten. Die durchschnittliche Verweildauer von 4.2 Minuten zeigt: Die Leute schauen nicht nur aufs Thermometer.",[315,1149,1150,317],"Chart.js","Weather API","Wetterstudio Hiddensee - Website | BitBitHooray","Case Study: Wie wir Wetterdaten für die Ostseeinsel Hiddensee visualisiert haben.",{"type":195,"children":1154,"toc":1155},[],{"title":198,"searchDepth":199,"depth":199,"links":1156},[],"content:de:cases:wetterstudio.md","de/cases/wetterstudio.md","de/cases/wetterstudio",{"_path":1161,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1162,"description":1163,"subtitle":1164,"type":477,"client":1165,"industries":1166,"services":1168,"timeline":1171,"year":22,"featured":23,"order":1172,"slug":1173,"heroImage":1174,"heroImageAlt":1175,"question":1176,"overview":1177,"blocks":1193,"techStack":1262,"liveUrl":1264,"seoTitle":1265,"seoDescription":1266,"body":1267,"_type":201,"_id":1271,"_source":203,"_file":1272,"_stem":1273,"_extension":206},"/cases/icondoit","IconDoIt","Kostenlose Icon-Bibliothek mit 341+ handgezeichneten Icons – CC BY 4.0 Lizenz, DSGVO-konform, made in Europe.","Handcrafted Icons aus Deutschland","BitBitHooray (Eigenprodukt)",[1167],"Design Tools",[1169,1170,20,335],"Icon Design","Web Development","Ongoing",7,"icondoit","/media/projects/icondoit/landingpage.webp","IconDoIt Landing Page","Warum haben die meisten Icon-Libraries das eine Icon nie, das man gerade braucht?",{"headline":1178,"text":1179,"rail":1180},"Need an icon? Write me! Icon do it. For free.","IconDoIt ist unsere Open-Source Icon-Bibliothek. Über 341 handgezeichnete Icons, kostenlos für jeden – kommerziell und privat. Und wir meinen das ernst: Fehlt ein Icon? Schreib uns. Wir zeichnen es und veröffentlichen es für alle.",[1181,1182,1187],{"type":34,"chip":35,"text":1176},{"type":37,"chip":38,"items":1183},[1184,1185,1186],"Das konkrete Designer-Problem sofort benennen","Offene Lizenz und Request-Prinzip erklären","Qualität und Community-Nutzen im Verlauf beweisen",{"type":37,"chip":1188,"items":1189},"Nutzerversprechen",[1190,1191,1192],"Kostenlos nutzbar","Handgezeichnet statt generisch","Fehlende Icons können angefragt werden",[1194,1207,1211,1213,1218,1225,1229,1236,1246,1252,1257],{"type":51,"eyebrow":52,"items":1195},[1196,1199,1203],{"value":1197,"label":1198},"341+","Kostenlose Icons",{"value":1200,"unit":1201,"label":1202},"CC BY","4.0","Open License",{"value":1204,"unit":1205,"label":1206},"Made in","🇪🇺","Europe",{"type":64,"eyebrow":965,"title":1208,"paragraphs":1209},"Icon-Bibliotheken haben ein Problem",[1210],"\u003Cstrong>Zu generisch\u003C/strong> – alle sehen gleich aus. \u003Cstrong>Unvollständig\u003C/strong> – das eine Icon fehlt immer. \u003Cstrong>Teure Lizenzen\u003C/strong> – oder fragwürdige Nutzungsbedingungen. \u003Cstrong>US-Hosting\u003C/strong> – DSGVO-Bauchschmerzen.",{"type":261,"src":1174,"alt":1105,"caption":1212},"Klare, fokussierte Startseite mit Suchfunktion",{"type":64,"eyebrow":1214,"title":1215,"paragraphs":1216},"Die Idee","If one icon is missing, the whole project is at a standstill",[1217],"Deshalb: Wir zeichnen sie selbst – handcrafted, kein Auto-Generated-Zeug. Wir machen sie verfügbar – strukturiert, filterbar, sauber dokumentiert. Wir hören zu – fehlt was? Sag es uns!",{"type":37,"eyebrow":1219,"title":1220,"items":1221},"Qualität","Handcrafted Quality",[1222,1223,1224],"Mit \u003Cstrong>Liebe zum Detail\u003C/strong> gezeichnet","\u003Cstrong>Konsistent\u003C/strong> in Strichstärke und Stil","\u003Cstrong>Pixel-perfect\u003C/strong> für alle Größen",{"type":261,"src":1226,"alt":1227,"caption":1228},"/media/projects/icondoit/allicons.webp","Icon Library","Vollständige Übersicht aller 341+ handgezeichneten Icons",{"type":37,"eyebrow":1230,"title":1231,"items":1232},"Styles","Multiple Styles pro Icon",[1233,1234,1235],"\u003Cstrong>Light\u003C/strong> – zart, 1px Stroke für minimale Designs","\u003Cstrong>Bold\u003C/strong> – kräftig, starke Präsenz","\u003Cstrong>Solid\u003C/strong> – gefüllt, maximale Sichtbarkeit",{"type":76,"items":1237},[1238,1242],{"src":1239,"alt":1240,"caption":1241},"/media/projects/icondoit/icondetailsmock.webp","Icon Details","Detailansicht mit Multiple Styles und Download-Optionen",{"src":1243,"alt":1244,"caption":1245},"/media/projects/icondoit/phonesmock.webp","Mobile Version","Vollständig responsive – auch auf dem Smartphone nutzbar",{"type":37,"eyebrow":889,"title":1247,"items":1248},"Das Besondere",[1249,1250,1251],"\u003Cstrong>Made in Europe\u003C/strong> – Designed in Deutschland 🇩🇪, DSGVO-konform gehostet","\u003Cstrong>CC BY 4.0 Lizenz\u003C/strong> – Kostenlos für private & kommerzielle Nutzung","\u003Cstrong>Custom Requests\u003C/strong> – Fehlt ein Icon? Schreib uns, wir zeichnen es kostenlos!",{"type":64,"eyebrow":1253,"title":1254,"paragraphs":1255},"Bibliothek","341+ Icons und counting",[1256],"47+ Kategorien: Interface & UI, Business & Finance, Social Media & Brands, Weather & Nature, Food & Drinks, Travel & Places u.v.m.",{"type":64,"eyebrow":1258,"title":1259,"paragraphs":1260},"Give-Back","Warum wir das machen",[1261],"IconDoIt ist unser Give-Back an die Design- und Dev-Community. Wir nutzen täglich Open-Source Tools. IconDoIt ist unser Beitrag zurück. Plus: Die Icons nutzen wir selbst in Kundenprojekten.",[315,187,316,1263,190],"SVG","https://icondoit.com","IconDoIt - Handcrafted Icons | BitBitHooray","341+ kostenlose, handgezeichnete Icons. CC BY 4.0, DSGVO-konform, Made in Europe. Request custom icons – wir zeichnen sie!",{"type":195,"children":1268,"toc":1269},[],{"title":198,"searchDepth":199,"depth":199,"links":1270},[],"content:de:cases:icondoit.md","de/cases/icondoit.md","de/cases/icondoit",{"_path":1275,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1276,"description":1277,"subtitle":1278,"type":12,"client":13,"industries":1279,"services":1280,"timeline":1282,"year":22,"featured":23,"order":1283,"slug":1284,"heroImage":1285,"heroImageAlt":1286,"question":1287,"overview":1288,"blocks":1303,"techStack":1417,"seoTitle":1422,"seoDescription":1423,"body":1424,"_type":201,"_id":1428,"_source":203,"_file":1429,"_stem":1430,"_extension":206},"/cases/ai-course-app","AI Course App","KI-gestützte Lern-App die sich in Echtzeit an das Nutzerverhalten anpasst – personalisierte Kurse für maximalen Lernerfolg.","Adaptive Learning durch künstliche Intelligenz",[15,481],[17,18,1281,1063],"AI Integration","6 Monate",8,"ai-course-app","/media/projects/aicourse/overviewPhone.webp","AI Course App Interface","Wie kann KI Lernen so personalisiert wie einen persönlichen Tutor machen – aber skalierbar?",{"headline":1289,"text":1290,"rail":1291},"Eine App die lernt, wie du lernst","Die AI Course App ist eine innovative Lernplattform, die wir in Kooperation mit der TH Wildau entwickelt haben. Die App nutzt künstliche Intelligenz, um Lerninhalte dynamisch an das individuelle Verhalten jedes Nutzers anzupassen.",[1292,1293,1298],{"type":34,"chip":35,"text":1287},{"type":37,"chip":38,"items":1294},[1295,1296,1297],"Das One-Size-Fits-All-Problem erklären","Adaptive Logik vor AI-Buzzwords zeigen","Lernerfolg erst im Impact-Abschnitt beweisen",{"type":37,"chip":353,"items":1299},[1300,1301,1302],"Personalisierung reduziert Überforderung","Feedback hält Lernende im Flow","Passende Inhalte erhöhen Abschlusswahrscheinlichkeit",[1304,1315,1320,1324,1333,1343,1351,1361,1370,1380,1385,1389,1397,1413],{"type":51,"eyebrow":52,"items":1305},[1306,1309,1312],{"value":481,"unit":1307,"label":1308},"Powered","Adaptive Inhalte",{"value":1310,"label":1311},"+34%","Bessere Retention",{"value":1313,"label":1314},"Real-time","Anpassung",{"type":64,"eyebrow":70,"title":1316,"paragraphs":1317},"One-Size-Fits-All funktioniert nicht",[1318,1319],"Traditionelle Online-Kurse haben ein Problem: Manche Lernende sind überfordert. Andere unterfordert und gelangweilt. Jeder lernt anders, aber alle bekommen denselben Inhalt.","Das Ergebnis: Hohe Abbruchquoten (durchschnittlich 85-90%).",{"type":261,"src":1321,"alt":1322,"caption":1323},"/media/projects/aicourse/grid.webp","Course Grid","Übersichtliche Kursstruktur mit AI-generierten Lernpfaden",{"type":37,"eyebrow":1325,"title":1326,"items":1327},"Adaptive Learning","Die App analysiert kontinuierlich",[1328,1329,1330,1331,1332],"\u003Cstrong>Tempo\u003C/strong> – Wie schnell arbeitest du Inhalte durch?","\u003Cstrong>Schwierigkeiten\u003C/strong> – Wo bleibst du hängen?","\u003Cstrong>Präferenzen\u003C/strong> – Lernst du besser mit Videos, Text oder Audio?","\u003Cstrong>Tageszeiten\u003C/strong> – Wann bist du am produktivsten?","\u003Cstrong>Wiederholungsbedarf\u003C/strong> – Was musst du nochmal sehen?",{"type":76,"items":1334},[1335,1339],{"src":1336,"alt":1337,"caption":1338},"/media/projects/aicourse/learningPathsMock.webp","Learning Paths","Personalisierte Lernpfade basierend auf individuellem Fortschritt",{"src":1340,"alt":1341,"caption":1342},"/media/projects/aicourse/overviewTabletMock.webp","Tablet Overview","Tablet-optimierte Ansicht für flexibles Lernen",{"type":37,"eyebrow":1344,"title":1345,"items":1346},"Personalisierung","Basierend auf Analyse passt die AI an",[1347,1348,1349,1350],"\u003Cstrong>Schwierigkeitsgrad\u003C/strong> der nächsten Lektionen","\u003Cstrong>Medienformate\u003C/strong> (mehr Videos wenn du damit besser lernst)","\u003Cstrong>Pacing\u003C/strong> (schneller oder langsamer)","\u003Cstrong>Wiederholungen\u003C/strong> genau dann, wenn du sie brauchst",{"type":76,"items":1352},[1353,1357],{"src":1354,"alt":1355,"caption":1356},"/media/projects/aicourse/videoPlayer.webp","Video Player","Integrierter Video-Player mit Lernfortschritt-Tracking",{"src":1358,"alt":1359,"caption":1360},"/media/projects/aicourse/audioPlayer.webp","Audio Player","Audio-Lektionen für unterwegs",{"type":37,"eyebrow":1362,"title":1363,"items":1364},"Multi-Format","Lerninhalte für jeden Stil",[1365,1366,1367,1368,1369],"\u003Cstrong>Video-Lektionen\u003C/strong> mit interaktiven Elementen","\u003Cstrong>Audio-Kurse\u003C/strong> für unterwegs","\u003Cstrong>Text-Module\u003C/strong> zum Nachlesen","\u003Cstrong>Interactive Quizzes\u003C/strong> zur Wissenskontrolle","\u003Cstrong>3D-Visualisierungen\u003C/strong> für komplexe Themen",{"type":76,"items":1371},[1372,1376],{"src":1373,"alt":1374,"caption":1375},"/media/projects/aicourse/modal.webp","Interactive Modals","Interaktive Übungen direkt im Lernfluss",{"src":1377,"alt":1378,"caption":1379},"/media/projects/aicourse/sidesheet.webp","Sidesheet Navigation","Kontextuelle Navigation ohne Unterbrechung",{"type":64,"eyebrow":1381,"title":1382,"paragraphs":1383},"Responsive","Funktioniert perfekt auf allen Geräten",[1384],"\u003Cstrong>Smartphones\u003C/strong> – schnell zwischen Aufgaben. \u003Cstrong>Tablets\u003C/strong> – immersives Lernen. \u003Cstrong>Desktop\u003C/strong> – detaillierte Analysen.",{"type":261,"src":1386,"alt":1387,"caption":1388},"/media/projects/aicourse/3dIcons.webp","3D Icons","Visuell ansprechende 3D-Icons für Kategorien",{"type":37,"eyebrow":1390,"title":1391,"items":1392},"AI-Integration","Technologie unter der Haube",[1393,1394,1395,1396],"\u003Cstrong>Natural Language Processing\u003C/strong> für Content-Analyse","\u003Cstrong>Collaborative Filtering\u003C/strong> für Empfehlungen","\u003Cstrong>Reinforcement Learning\u003C/strong> für Pacing-Optimierung","\u003Cstrong>Sentiment Analysis\u003C/strong> für Frustrations-Erkennung",{"type":51,"eyebrow":165,"items":1398},[1399,1402,1406,1410],{"value":1400,"label":1401},"46%","Completion Rate (vs. 12% Standard)",{"value":1403,"unit":1404,"label":1405},"78","min/Woche","Durchschn. Lernzeit",{"value":1407,"unit":1408,"label":1409},"8.7","/10","Zufriedenheit",{"value":1411,"label":1412},"82%","Wissenstest-Scores",{"type":64,"eyebrow":182,"title":1414,"paragraphs":1415},"Personalisierung = echter Lernerfolg",[1416],"Die Pilotphase mit 500 Studierenden zeigt: Die Personalisierung führt zu deutlich besserer Retention und tatsächlichem Lernerfolg.",[187,1043,1418,1419,1420,1044,1421],"Python","Swift","Java","OpenAI API","AI Course App - Adaptive Learning | BitBitHooray","Case Study: KI-gestützte Lern-App die sich in Echtzeit an Nutzerverhalten anpasst. Entwickelt mit TH Wildau.",{"type":195,"children":1425,"toc":1426},[],{"title":198,"searchDepth":199,"depth":199,"links":1427},[],"content:de:cases:ai-course-app.md","de/cases/ai-course-app.md","de/cases/ai-course-app",{"_path":1432,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1433,"description":1434,"subtitle":1435,"type":12,"client":1433,"industries":1436,"services":1437,"timeline":1442,"year":1443,"featured":7,"order":1444,"slug":1445,"heroImage":983,"heroImageAlt":1446,"question":1447,"overview":1448,"blocks":1463,"techStack":1526,"seoTitle":1529,"seoDescription":1530,"body":1531,"_type":201,"_id":1535,"_source":203,"_file":1536,"_stem":1537,"_extension":206},"/cases/notivo","Notivo.ai","Conversion-Analyse, UX/UI Review und Design-Handoff für die Notivo.ai Website – datengetriebene Optimierungen für bessere Performance.","Website-Audit & UX-Optimierung",[481,480],[1438,1439,1440,1441],"UX Audit","Conversion-Optimierung","UI Review","Design Handoff","2 Tage",2025,9,"notivo","Notivo.ai Website Review","Warum bleibt die Conversion-Rate trotz funktionierender Website hinter den Erwartungen zurück?",{"headline":1449,"text":1450,"rail":1451},"Analysieren, optimieren, übergeben","Notivo.ai hatte eine funktionierende Website – aber die Conversion-Rate blieb hinter den Erwartungen zurück. Kein komplettes Redesign, sondern gezielte Verbesserungen basierend auf Daten und UX-Best-Practices.",[1452,1453,1458],{"type":34,"chip":35,"text":1447},{"type":37,"chip":38,"items":1454},[1455,1456,1457],"Nicht Designgeschmack, sondern Funnel-Reibung analysieren","Probleme priorisieren statt alles neu bauen","Umsetzungssicherheit durch sauberen Handoff schaffen",{"type":37,"chip":236,"items":1459},[1460,1461,1462],"Klarere Nutzerführung","Weniger Entscheidungsreibung","Konkrete Issues statt abstrakter Empfehlungen",[1464,1474,1482,1488,1493,1502,1509,1521],{"type":51,"eyebrow":165,"items":1465},[1466,1469,1472],{"value":1467,"label":1468},"+28%","Conversion Rate",{"value":1470,"label":1471},"47","UX-Issues gefunden",{"value":1096,"label":1473},"Handoff-Qualität",{"type":37,"eyebrow":1475,"title":1476,"items":1477},"Auftrag","Was Notivo brauchte",[1478,1479,1480,1481],"\u003Cstrong>Conversion-Analyse\u003C/strong> – Warum brechen Nutzer ab?","\u003Cstrong>UX/UI Review\u003C/strong> – Wo sind die Pain Points?","\u003Cstrong>Story Flow\u003C/strong> – Ist die Nutzerführung logisch?","\u003Cstrong>Design Handoff\u003C/strong> – Saubere Übergabe an das Dev-Team",{"type":64,"eyebrow":1483,"title":1484,"paragraphs":1485},"Vorgehen","Sprint-Format: 2 Tage, voller Fokus",[1486,1487],"\u003Cstrong>Tag 1 – Analyse & Identifikation:\u003C/strong> Analytics-Review, Heatmaps, Funnel-Analyse. Systematischer UX-Audit aller Touchpoints. Story Flow Bewertung, Issue-Priorisierung.","\u003Cstrong>Ergebnis:\u003C/strong> 47 dokumentierte UX-Issues, priorisiert nach Impact, alle innerhalb von 2 Tagen identifiziert und mit Lösungsansätzen versehen.",{"type":64,"eyebrow":1489,"title":1490,"paragraphs":1491},"Tag 2","Konzept & Handoff",[1492],"Morgens: Lösungskonzepte für Top-Issues. Mittags: Design-Anpassungen in Figma. Nachmittags: Handoff-Dokumentation, Abschlusspräsentation.",{"type":37,"eyebrow":1494,"title":1495,"items":1496},"Erkenntnisse","Conversion-Killer identifiziert",[1497,1498,1499,1500,1501],"\u003Cstrong>Unklarer Hero-Bereich\u003C/strong> – Nutzer wussten nicht sofort, was Notivo macht","\u003Cstrong>Feature-Overload\u003C/strong> – Zu viele Features ohne Kontext","\u003Cstrong>Schwache CTAs\u003C/strong> – \"Learn More\" statt \"Start Free Trial\"","\u003Cstrong>Fehlende Social Proof\u003C/strong> – Keine Testimonials, keine Logos","\u003Cstrong>Langsame Ladezeit\u003C/strong> – 4.2s im Hero-Bereich",{"type":37,"eyebrow":755,"title":1503,"items":1504},"Was wir übergeben haben",[1505,1506,1507,1508],"\u003Cstrong>UX Audit Report\u003C/strong> (42 Seiten) – Alle Issues, Heatmaps, Priorisierung","\u003Cstrong>Optimierte Designs\u003C/strong> (Figma) – Annotierte Screens, Mobile & Desktop","\u003Cstrong>Conversion-Strategie\u003C/strong> – A/B-Test Vorschläge, Copy-Verbesserungen","\u003Cstrong>Implementation Guide\u003C/strong> – Quick Wins (1-2 Tage), Medium Impact (1 Woche)",{"type":51,"eyebrow":1510,"items":1511},"Erwartete Ergebnisse",[1512,1513,1515,1518],{"value":1467,"label":1468},{"value":1514,"label":1094},"+40%",{"value":1516,"label":1517},"-35%","Bounce Rate",{"value":1519,"label":1520},"+50%","Trial-Signups",{"type":64,"eyebrow":1522,"title":1523,"paragraphs":1524},"Learning","Chirurgische Präzision statt Redesign",[1525],"Manchmal braucht eine Website kein komplettes Redesign – sondern chirurgische Präzision an den richtigen Stellen. Und: 2 Tage intensives Audit können mehr bewirken als 2 Wochen oberflächliche Analyse.",[190,1527,1528,612],"Analytics","Hotjar","Notivo.ai UX Audit | BitBitHooray","Website-Audit für Notivo.ai: Conversion-Optimierung, UX/UI Review und professioneller Design-Handoff.",{"type":195,"children":1532,"toc":1533},[],{"title":198,"searchDepth":199,"depth":199,"links":1534},[],"content:de:cases:notivo.md","de/cases/notivo.md","de/cases/notivo",1781793322341]