[{"data":1,"prerenderedAt":892},["ShallowReactive",2],{"cases-en":3},[4,145,275,513,671,786],{"_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":126,"seoTitle":131,"seoDescription":132,"body":133,"_type":139,"_id":140,"_source":141,"_file":142,"_stem":143,"_extension":144},"/cases/freyanda","cases",false,"en","Freyanda","Website and app concept for pregnancy coaching, yoga courses and personal coaching – modern, empathetic, conversion-optimized.","Women's health digitally supported","client","Freyanda - Women's Health",[15],"Health",[17,18,19,20],"Web Design","Nuxt Development","UX/UI","App Concept","6 Weeks",2024,true,2,"freyanda","/media/projects/freyanda/logo.webp","Freyanda website on various devices","How do you build trust digitally – especially for something as sensitive as pregnancy?",{"headline":30,"text":31,"rail":32},"A digital home for women's health","Freyanda is a holistic coaching offer from Sarah Schmidt, a pre- and postnatal coach, yoga trainer for pregnant women, and mom. The range includes prenatal yoga, postnatal recovery courses, children's yoga, personal coaching and trauma support.",[33,36,43],{"type":34,"chip":35,"text":28},"question","The question",{"type":37,"chip":38,"items":39},"list","Story focus",[40,41,42],"Put emotional safety before selling","Translate expertise into warmth and clarity","Offer booking only after trust and orientation",{"type":37,"chip":44,"items":45},"Conversion lever",[46,47,48],"Warm language lowers hesitation","Clear offers make decisions easier","Fast loading protects the first impression",[50,64,71,75,81,89,94,101,108,120],{"type":51,"eyebrow":52,"items":53},"stats","Key Metrics",[54,57,60],{"value":55,"label":56},"+180%","More Course Signups",{"value":58,"label":59},"0.9s","Load Time",{"value":61,"unit":62,"label":63},"4.8","★","Google Rating",{"type":65,"eyebrow":66,"title":67,"paragraphs":68},"text","The Challenge","Too much expertise, too little visibility",[69,70],"Sarah had a problem many coaches know: No unified digital presence. Course bookings went through awkward phone calls. The target audience is online-savvy, but the presence wasn't.","\u003Cstrong>Our goal:\u003C/strong> A digital home for Freyanda – as warm-hearted as the service itself.",{"type":72,"src":26,"alt":73,"caption":74},"media","Freyanda Logo","Soft, inviting branding",{"type":65,"eyebrow":76,"title":77,"paragraphs":78},"Discovery","We listened first",[79,80],"What makes Freyanda unique? What fears and wishes do expectant mothers have? How can we build trust digitally?","\u003Cstrong>Key Insight:\u003C/strong> Women in pregnancy aren't just looking for courses – they're looking for connection and security.",{"type":37,"eyebrow":82,"title":83,"items":84},"Design Principles","Warm-hearted & inviting",[85,86,87,88],"\u003Cstrong>Soft, warm colors\u003C/strong> – no clinical white, but organic tones","\u003Cstrong>Real photos\u003C/strong> instead of stock – Sarah and real participants","\u003Cstrong>Simple language\u003C/strong> – no jargon, but heart-speak","\u003Cstrong>Mobile-first\u003C/strong> – 78% of the target audience comes from smartphones",{"type":65,"eyebrow":90,"title":91,"paragraphs":92},"Solution","Modern website with course booking",[93],"A Nuxt 3 website with: \u003Cstrong>Clear course overview\u003C/strong> – all offerings at a glance. \u003Cstrong>Online booking system\u003C/strong> – direct signup without detours. \u003Cstrong>Calendar integration\u003C/strong> – all appointments synced. \u003Cstrong>Newsletter connection\u003C/strong> – for regular tips and updates.",{"type":37,"eyebrow":95,"title":96,"items":97},"For Participants","Website Features",[98,99,100],"Clear course pages with all details","Easy online booking","Personal about-me page that builds trust",{"type":37,"eyebrow":102,"title":103,"items":104},"For Sarah","Admin Features",[105,106,107],"Independent course management","Easy content updates","Analytics for better marketing",{"type":51,"eyebrow":109,"items":110},"Results",[111,114,118],{"value":112,"label":113},"~42","Signups/month (was ~15)",{"value":115,"unit":116,"label":117},"2","clicks","Path to booking",{"value":58,"label":119},"Load time (was 3.8s)",{"type":121,"eyebrow":122,"quote":123,"author":124,"role":125},"quote","Testimonial","BitBitHooray understood what women's health really needs: trust, mindfulness, and a website that reflects that. Bookings have tripled.","Sarah Schmidt","Founder Freyanda",[127,128,129,130],"Nuxt 3","SCSS","Netlify","Booking Integration","Freyanda Case Study | Women's Health Website | BitBitHooray","Website and app concept for Freyanda: Pregnancy support, yoga & coaching digitally designed. +180% more course signups.",{"type":134,"children":135,"toc":136},"root",[],{"title":137,"searchDepth":24,"depth":24,"links":138},"",[],"markdown","content:en:cases:freyanda.md","content","en/cases/freyanda.md","en/cases/freyanda","md",{"_path":146,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":147,"description":148,"subtitle":149,"type":12,"client":150,"industries":151,"services":153,"timeline":158,"year":22,"featured":23,"order":159,"slug":160,"heroImage":161,"heroImageAlt":162,"question":163,"overview":164,"blocks":180,"techStack":261,"seoTitle":266,"seoDescription":267,"body":268,"_type":139,"_id":272,"_source":141,"_file":273,"_stem":274,"_extension":144},"/cases/quiz-champions","Quiz Champions","Gamified e-learning app that combines knowledge transfer with game mechanics.","Collect knowledge. Collect avatars. Become a champion!","TH Wildau / Research Project",[152],"EdTech",[154,155,156,157],"UX Design","UI Design","Fullstack Development","Gamification","3 Months",3,"quiz-champions","/media/projects/quiz/leaderboard.webp","Quiz Champions Leaderboard","How can we motivate people to actually learn – not just complete courses?",{"headline":165,"text":166,"rail":167},"An addictive learning app – in a good way","Teaching knowledge is easy. Getting people to actually learn – that's hard. Traditional e-learning platforms are boring. Users drop out, forget content, never come back. We applied game mechanics from apps like Candy Crush and Duolingo to serious learning.",[168,169,174],{"type":34,"chip":35,"text":163},{"type":37,"chip":38,"items":170},[171,172,173],"Frame the motivation problem first","Show the game loop before proving impact","Keep metrics for the dedicated proof section",{"type":37,"chip":175,"items":176},"Why it works",[177,178,179],"Collection mechanics create return visits","Competition builds momentum","Rewards make progress visible",[181,191,196,206,214,224,232,242,246,256],{"type":51,"eyebrow":52,"items":182},[183,186,189],{"value":184,"label":185},"47%","More Learning Time",{"value":187,"label":188},"89%","Retention Rate",{"value":61,"unit":62,"label":190},"User Rating",{"type":65,"eyebrow":66,"title":192,"paragraphs":193},"Traditional e-learning doesn't work",[194,195],"What makes games like Candy Crush or Duolingo so successful? \u003Cstrong>Dopamine loops\u003C/strong>, clear progress, social elements.","We applied these principles to knowledge transfer.",{"type":197,"items":198},"media-grid",[199,202],{"src":161,"alt":200,"caption":201},"Leaderboard","The moment learning turns into a leaderboard chase",{"src":203,"alt":204,"caption":205},"/media/projects/quiz/avatare.webp","Avatar System","Rewards worth collecting, not just points to forget",{"type":37,"eyebrow":207,"title":208,"items":209},"Approach","Game mechanics for learning",[210,211,212,213],"\u003Cstrong>Short sessions\u003C/strong> (5-10 min) instead of long learning units","\u003Cstrong>Instant feedback\u003C/strong> on every answer","\u003Cstrong>Visual rewards\u003C/strong> (avatars, badges)","\u003Cstrong>Leaderboards\u003C/strong> for healthy competition",{"type":197,"items":215},[216,220],{"src":217,"alt":218,"caption":219},"/media/projects/quiz/question.webp","Quiz Interface","One question, one tap, instant momentum",{"src":221,"alt":222,"caption":223},"/media/projects/quiz/shop.webp","In-Game Shop","Earned coins become the next character unlock",{"type":37,"eyebrow":225,"title":226,"items":227},"Design","Colors & Visuals",[228,229,230,231],"\u003Cstrong>Bold, energetic colors\u003C/strong> that signal activity","\u003Cstrong>Characters with personality\u003C/strong> instead of generic icons","\u003Cstrong>Micro-animations\u003C/strong> on every success","\u003Cstrong>Streak counters\u003C/strong> (\"7 days in a row!\")",{"type":197,"items":233},[234,238],{"src":235,"alt":236,"caption":237},"/media/projects/quiz/profile.webp","User Profile","Progress packaged like a real player profile",{"src":239,"alt":240,"caption":241},"/media/projects/quiz/trophies.webp","Trophy System","Achievements that give users a reason to return",{"type":65,"eyebrow":90,"title":243,"paragraphs":244},"A native-feeling web app",[245],"\u003Cstrong>Quiz engine\u003C/strong> with adaptive difficulty. \u003Cstrong>Avatar system\u003C/strong> with 50+ unlockable characters. \u003Cstrong>Categories\u003C/strong> for different knowledge areas. \u003Cstrong>Multiplayer mode\u003C/strong> against friends.",{"type":51,"eyebrow":109,"items":247},[248,251,253],{"value":249,"label":250},"+47%","More time learning",{"value":187,"label":252},"7-day retention",{"value":254,"label":255},"~20%","Industry average",{"type":65,"eyebrow":257,"title":258,"paragraphs":259},"Key Insight","Gamification works",[260],"Users spend 47% more time learning compared to traditional quiz apps. 7-day retention is 89% – far above the industry average of ~20%.",[262,263,264,265],"Vue.js","Laravel","MySQL","Figma","Quiz Champions - Gamified Learning | BitBitHooray","Case Study: How we developed an e-learning app that teaches through play.",{"type":134,"children":269,"toc":270},[],{"title":137,"searchDepth":24,"depth":24,"links":271},[],"content:en:cases:quiz-champions.md","en/cases/quiz-champions.md","en/cases/quiz-champions",{"_path":276,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":277,"description":278,"subtitle":279,"slug":280,"type":281,"client":282,"industries":283,"services":286,"timeline":291,"year":292,"order":293,"heroImage":294,"heroImageAlt":295,"question":296,"overview":297,"techStack":313,"seoTitle":318,"seoDescription":319,"blocks":320,"body":506,"_type":139,"_id":510,"_source":141,"_file":511,"_stem":512,"_extension":144},"/cases/aicaas","AICaaS","AICaaS (AI Connector as a Service) was our vision of a no-code platform for GDPR-compliant AI integration. We fully designed features, architecture, GDPR compliance, and EU funding planning – but the project was never realized.","AI Integration Without Code – Product Strategy & Architecture","aicaas","studio","BitBitHooray (Internal Development)",[284,285],"SaaS","AI",[287,288,289,290],"Product Strategy","System Architecture","Business Planning","GDPR Compliance Concept","4 months","2024",4,"/media/projects/aicaas/aicaas-hero.png","AICaaS Dashboard Interface","How do we enable businesses to integrate AI without code – while staying fully GDPR-compliant?",{"headline":298,"text":299,"rail":300},"A no-code platform for GDPR-compliant AI integration.","We wanted to solve a problem we kept seeing with clients: AI integration is too complicated. Not technically impossible, but economically unfeasible for most companies – too expensive, too slow, too many dependencies. AICaaS was meant to change that: A platform where anyone can build their own AI assistants and integrate them into websites or software without coding skills. In 15 minutes. GDPR-compliant. Without a developer team.",[301,302,307],{"type":34,"chip":35,"text":296},{"type":37,"chip":38,"items":303},[304,305,306],"Clarify the market problem before feature depth","Make strategic trade-offs transparent","Show learnings honestly instead of overpromising",{"type":37,"chip":308,"items":309},"Trust anchor",[310,311,312],"GDPR-first instead of AI hype","Architecture before interface","Honest conclusion despite a stopped product",[262,127,314,315,316,265,317],"Node.js","PostgreSQL","Docker","OpenAI","AICaaS - No-Code AI Integration | BitBitHooray Case Study","How we conceived a no-code platform for GDPR-compliant AI integration and developed it as a POC.",[321,328,332,335,341,347,353,365,370,377,384,387,396,398,404,413,416,430,441,443,452,464,469,473,476,483,486,493,502],{"type":65,"eyebrow":322,"title":323,"paragraphs":324},"The Vision","Integrate AI into your business – without code, without hassle.",[325,326,327],"We wanted to solve a problem we kept seeing with clients: **AI integration is too complicated.** Not technically impossible, but economically unfeasible for most companies – too expensive, too slow, too many dependencies.","AICaaS was meant to change that: A platform where anyone can build their own AI assistants and integrate them into websites or software without coding skills. In 15 minutes. GDPR-compliant. Without a developer team.","**Spoiler:** The product was never realized. But the journey – the strategic planning, architecture, and GDPR compliance concepts – was educational.",{"type":72,"fullBleed":23,"src":329,"alt":330,"caption":331},"/media/aicaasflow.webp","AICaaS Flow Diagram","The modular structure enables flexible AI integration",{"type":65,"eyebrow":333,"title":334},"What We Designed","1. Feature Set & User Flows",{"type":65,"title":336,"paragraphs":337},"No-Code Editor",[338,339,340],"Drag & Drop interface for AI module creation","Predefined templates for typical use cases","Visual Flow Builder for complex logic",{"type":65,"title":342,"paragraphs":343},"Developer Integration",[344,345,346],"Export as API, JavaScript snippet, or plug-in","Integration with Webflow, WordPress, Shopify, Custom Apps","Webhook support for automations",{"type":65,"title":348,"paragraphs":349},"Team Features",[350,351,352],"Roles & permissions (Admin, Editor, Viewer)","Versioning & rollback","Audit logs for compliance",{"type":197,"layout":354,"items":355},"masonry",[356,359,362],{"src":357,"alt":358},"/media/projects/aicaas/aicaas1.png","AICaaS Interface",{"src":360,"alt":361},"/media/projects/aicaas/aicaas2.png","AICaaS Dashboard",{"src":363,"alt":364},"/media/projects/aicaas/aicaas3.png","AICaaS Settings",{"type":65,"eyebrow":366,"title":367,"paragraphs":368},"GDPR Strategy","2. GDPR Compliance Scenarios",[369],"We thought through **two strategic paths**:",{"type":65,"title":371,"paragraphs":372},"Option A: GDPR-compliant with EU Models",[373,374,375,376],"Hosting in EU (Frankfurt, Amsterdam)","On-premise option for Enterprise","No data usage for AI training","Strict data residency",{"type":65,"title":378,"paragraphs":379},"Option B: Non-GDPR with Big Tech (USA)",[380,381,382,383],"OpenAI, Google, Azure (US servers)","Faster go-to-market","Higher risk for EU customers","**Decision:** Option A – long-term competitive advantage through GDPR-first approach.",{"type":65,"eyebrow":385,"title":386},"Tech Stack","3. Technical Architecture",{"type":37,"items":388},[389,390,391,392,393,394,395],"**Frontend:** Vue.js / Nuxt 3 (SSR for SEO)","**Backend:** Node.js / Express (API-First)","**Database:** PostgreSQL (Relational + JSONB)","**AI Layer:** Model-agnostic adapter architecture","**RAG:** Vector DB for custom data (Pinecone / Weaviate)","**Infrastructure:** Docker + Kubernetes for scaling","**Hosting:** Hetzner Cloud (EU) or AWS Frankfurt",{"type":65,"title":397},"4. Dependencies & Risks",{"type":37,"items":399},[400,401,402,403],"**LLM Provider:** Dependency on OpenAI, Anthropic, etc.","**Costs:** Variable costs through token consumption","**Regulation:** AI Act, GDPR changes","**Competition:** Major players (Zapier, Make.com) could enter market",{"type":197,"layout":405,"items":406},"grid",[407,410],{"src":408,"alt":409},"/media/projects/aicaas/aicaas4.png","AICaaS Workflow",{"src":411,"alt":412},"/media/projects/aicaas/aicaas5.png","AICaaS Analytics",{"type":65,"eyebrow":414,"title":415},"Market Validation","Validated Use Cases",{"type":37,"items":417},[418,419,420,421,422,423,424,425,426,427,428,429],"🛒 **Shop Owners:** Product chatbot advises based on catalog","📚 **Chatbots** with company knowledge","📄 **Law Firms:** Contract generator based on templates","📈 **Data Analysis** and visualization (CSVs, reports, customer data)","💼 **Applicant Management** automation","🤖 **Automation** of customer service processes","📥 **Lead Forms** with AI evaluation","📊 **Finance & Invoice Automation**","🔍 **Market & Competitive Monitoring**","⚙️ **Workflow Orchestration** for SaaS tools","🛠️ **IT Support Agent**","📑 **Contract Review & Approval**",{"type":65,"eyebrow":431,"title":432,"paragraphs":433},"Competitive Analysis","Differentiation vs. Competition",[434,435,436,437,438,439,440],"**Editor:** Other providers offer mostly automations or developer tools → AICaaS provides a full no-code editor for AI modules","**Export:** Often API-only → API, JavaScript snippet, and plug-in","**Model Choice:** Usually one provider → Free AI model choice (BYO-AI)","**Own Data:** Barely usable → RAG integration for custom database","**GDPR:** Data often used for training → No training usage, EU hosting","**Scaling:** Single user → Multi-user for teams","**Target Group:** Tech-savvy → Also for non-technical users",{"type":65,"eyebrow":289,"title":442},"MVP Cut & Business Plan",{"type":65,"title":444,"paragraphs":445},"MVP Features (Version 1.0)",[446,447,448,449,450,451],"1. No-Code Editor (Basic)","2. 3 AI Providers (OpenAI, Claude, Open Source)","3. Export as JavaScript snippet","4. Single-user mode","5. 5 predefined templates","**Effort:** 6 months development, 2 people",{"type":51,"items":453},[454,457,460],{"value":455,"label":456},"€170k","Year 1 Investment",{"value":458,"label":459},"€300k","Year 3 ARR Target",{"value":461,"unit":462,"label":463},"18-24","mo","Break-even",{"type":65,"title":465,"paragraphs":466},"Cost & Revenue Planning (3-5 Years)",[467,468],"**Year 1:** Development costs: €120,000 · Marketing & Sales: €40,000 · Infrastructure: €10,000 · **Total:** €170,000","**Revenue Forecast Year 3:** 500 paying users (€50/month) = €300,000 ARR · Break-even after 18-24 months",{"type":65,"title":470,"paragraphs":471},"EU Funding",[472],"We prepared a **Horizon Europe application**: Deep Tech Innovation Grant · GDPR-compliant AI infrastructure · Funding amount: €250,000 · **Problem:** Lead time 12-18 months",{"type":72,"src":474,"alt":475},"/media/projects/aicaas/aicaas6.png","AICaaS Business Model",{"type":65,"eyebrow":477,"title":478,"paragraphs":479},"What Happened","Why the Project Was Stopped",[480,481,482],"**The Reality:** Without funding, we couldn't bridge the 6-12 months until the EU funding decision. Bootstrapping wasn't an option for a project of this size.","**Long lead times** for EU funding (12-18 months) + **competitive market** (Zapier, Make.com expanding into AI) + **lack of VC funding** = **Project cancellation**.","We designed everything – features, architecture, GDPR scenarios, roadmap, financial plan. But without capital, the product never made it out of the planning phase.",{"type":65,"eyebrow":484,"title":485},"Learnings","What We Learned",{"type":37,"items":487},[488,489,490,491,492],"**Validation first:** Before planning for 4 months, test with real users for 4 weeks","**Funding before development:** No bootstrapping Deep Tech without runway","**EU funding is slow:** 12-18 months lead time is reality","**GDPR is competitive advantage:** But only if you have the funding to implement it","**Architecture knowledge remains:** Even without a product – we use the strategic learnings today",{"type":65,"eyebrow":494,"title":495,"paragraphs":496},"Client Value","How Clients Benefit",[497,498,499,500,501],"The learnings from AICaaS flow directly into our client projects:","**AI Integration:** We know how to meaningfully integrate LLMs – not as a gimmick, but as real business value","**No-Code Mindset:** Wherever possible, we build solutions that clients can customize themselves","**GDPR Expertise:** Data protection isn't an afterthought, but planned from the start","**RAG Implementation:** Connect company data with AI – securely and performantly",{"type":121,"quote":503,"author":504,"role":505},"AICaaS was our most expensive learning course – but every client benefits from this knowledge now.","Tobias Schmidt","Founder BitBitHooray",{"type":134,"children":507,"toc":508},[],{"title":137,"searchDepth":24,"depth":24,"links":509},[],"content:en:cases:aicaas.md","en/cases/aicaas.md","en/cases/aicaas",{"_path":514,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":515,"description":516,"subtitle":517,"type":12,"client":518,"industries":519,"services":521,"timeline":524,"year":22,"featured":23,"order":293,"slug":525,"heroImage":526,"heroImageAlt":527,"question":528,"overview":529,"blocks":545,"techStack":659,"seoTitle":662,"seoDescription":663,"body":664,"_type":139,"_id":668,"_source":141,"_file":669,"_stem":670,"_extension":144},"/cases/fabee","DJ Fabee","Website redesign and branding for the House DJ – modern, energetic, perfect for the electronic music scene.","Beats need a face","Fabee Music",[520],"Entertainment",[522,17,523],"Brand Identity","UI/UX Concept","2 Weeks","fabee","/media/projects/fabee/logo.webp","DJ Fabee Website","How do you translate the energy of a House set into a website?",{"headline":530,"text":531,"rail":532},"A digital stage for DJs","Fabee Music is a House DJ from Germany with growing international presence. His sets combine emotional melodies with euphoric grooves. Our mission: A website redesign that reflects his musical identity.",[533,534,539],{"type":34,"chip":35,"text":528},{"type":37,"chip":38,"items":535},[536,537,538],"Make atmosphere and personality tangible first","Then prove booking relevance and professionalism","Use music as the conversion anchor",{"type":37,"chip":540,"items":541},"Buyer signal",[542,543,544],"Professional presence for event organizers","Fast access to music and events","Clear booking area instead of hidden contact",[546,550,555,561,574,578,582,586,589,594,612,621,626,632,641,649,654],{"type":72,"sectionClass":547,"src":548,"alt":549},"section--cover","/media/projects/fabee/grid.webp","DJ Fabee Website Overview",{"type":65,"sectionClass":551,"title":552,"paragraphs":553},"section--densed-y","\u003Cspan>FABEE\u003C/span> MUSIC",[554],"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":72,"sectionClass":556,"media":557,"alt":560},"section--densed-bottom",{"type":558,"src":559},"video","/media/projects/fabee/showcase.mp4","Fabee Music Showcase Video",{"type":197,"items":562},[563,566,569,571],{"src":564,"alt":565},"/media/projects/fabee/mock.webp","Website Mockup",{"src":567,"alt":568},"/media/projects/fabee/nav.webp","Navigation Design",{"src":526,"alt":570},"Logo Design",{"src":572,"alt":573},"/media/projects/fabee/fabee.webp","Fabee Portrait",{"type":72,"sectionClass":551,"bgColor":575,"src":576,"alt":577},"#CDD7DE","/media/projects/fabee/music.webp","Music Section",{"type":65,"sectionClass":556,"title":579,"paragraphs":580},"Custom Music Player as Micro App",[581],"Feel the vibes of FABEE´s music by playing it seamlessly on every page of the website and also on your phone.",{"type":72,"src":583,"alt":584,"caption":585},"/media/projects/fabee/player.webp","Custom Music Player","Custom music player as micro-app – plays on every page",{"type":72,"src":587,"alt":588},"/media/projects/fabee/playerMini.webp","Music Player Mobile",{"type":72,"sectionClass":556,"bgColor":590,"src":591,"alt":592,"caption":593},"#e0d9d1","/media/projects/fabee/about.webp","About Section","Personal story and DJ philosophy",{"type":197,"bgColor":590,"items":595},[596,600,604,608],{"src":597,"alt":598,"caption":599},"/media/projects/fabee/events.webp","Events Overview","Upcoming Events",{"src":601,"alt":602,"caption":603},"/media/projects/fabee/event.webp","Event Details","Event details",{"src":605,"alt":606,"caption":607},"/media/projects/fabee/contact.webp","Booking Area","Booking area",{"src":609,"alt":610,"caption":611},"/media/projects/fabee/media.webp","Media Kit","Media stuff",{"type":51,"eyebrow":109,"items":613},[614,617],{"value":615,"label":616},"+200%","More booking requests",{"value":618,"unit":619,"label":620},"2.1","min","Session duration",{"type":65,"eyebrow":76,"title":622,"paragraphs":623},"The Starting Point",[624,625],"We deeply explored Fabee's musical identity: \u003Cstrong>Sound\u003C/strong> – House music with emotional melodies and euphoric grooves. \u003Cstrong>Venues\u003C/strong> – Beach clubs, festivals, alpine venues. \u003Cstrong>Target audience\u003C/strong> – Event organizers, club operators, festival bookers.","\u003Cstrong>Key Insight:\u003C/strong> The website must convey the atmosphere of his sets – nightlife, energy, professionalism.",{"type":65,"eyebrow":627,"title":628,"paragraphs":629},"Design Concept","Dark Theme as Foundation",[630,631],"Black background like a club at midnight. Subtle gradients in brand colors. High-quality event photos in full width.","\u003Cstrong>Typography:\u003C/strong> Clean, modern sans-serif for readability. High-contrast headlines. Plenty of whitespace for elegance.",{"type":37,"eyebrow":633,"title":634,"items":635},"User Experience","Content Hierarchy",[636,637,638,639,640],"\u003Cstrong>Hero:\u003C/strong> Instant recognition of who Fabee is","\u003Cstrong>About:\u003C/strong> Storytelling – from Germany to international stages","\u003Cstrong>Shows:\u003C/strong> Upcoming events prominently displayed","\u003Cstrong>Music:\u003C/strong> Embedded tracks & Beatport links","\u003Cstrong>Booking:\u003C/strong> Direct contact without detours",{"type":37,"eyebrow":642,"title":643,"items":644},"Deliverables","What We Delivered",[645,646,647,648],"\u003Cstrong>Brand Guidelines\u003C/strong> – Logo variants, color palette, typography system","\u003Cstrong>Website Redesign (Figma)\u003C/strong> – Desktop & mobile designs, interactive prototype","\u003Cstrong>Content Strategy\u003C/strong> – Improved copy, event presentation","\u003Cstrong>Asset Package\u003C/strong> – Optimized images, social media templates, press kit",{"type":65,"eyebrow":650,"title":651,"paragraphs":652},"Special Feature","Music-First Approach",[653],"The website puts music at the center: \u003Cstrong>Embedded player\u003C/strong> on every page. Spotify/Beatport integration. Latest releases prominently featured.",{"type":65,"eyebrow":655,"title":656,"paragraphs":657},"About Fabee","Internationally Known",[658],"Fabee Music is known for: Releases on labels like Café De Anatolia. Festival appearances incl. Parookaville. Support for acts like Topic and David Puentez. International shows from Thailand to Munich.",[265,660,661],"Bandzoogle","Brand Guidelines","DJ Fabee Music - Website Redesign | BitBitHooray","Case Study: Website redesign for House DJ Fabee Music – dark club aesthetic, professional booking interface.",{"type":134,"children":665,"toc":666},[],{"title":137,"searchDepth":24,"depth":24,"links":667},[],"content:en:cases:fabee.md","en/cases/fabee.md","en/cases/fabee",{"_path":672,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":673,"description":674,"subtitle":675,"type":12,"client":150,"industries":676,"services":677,"timeline":679,"year":22,"featured":23,"order":680,"slug":681,"heroImage":682,"heroImageAlt":683,"question":684,"overview":685,"blocks":701,"techStack":774,"seoTitle":777,"seoDescription":778,"body":779,"_type":139,"_id":783,"_source":141,"_file":784,"_stem":785,"_extension":144},"/cases/swap","SWAP","Community platform for knowledge exchange with gamification elements.","Share knowledge. Grow together.",[152],[154,155,156,678],"Community Building","4 Months",5,"swap","/media/projects/swap/discoveryPhone.webp","Swap Discovery Screen","What if learning was a fair trade instead of a one-way street?",{"headline":686,"text":687,"rail":688},"Tinder for Skills – without the superficiality","Everyone knows something. Everyone wants to learn something. But how do you connect the right people? Traditional learning platforms are one-way streets: Expert → Student. No reciprocity. SWAP changes that.",[689,690,695],{"type":34,"chip":35,"text":684},{"type":37,"chip":38,"items":691},[692,693,694],"Sharpen the weakness of classic learning platforms","Make the exchange principle instantly understandable","Keep community proof for the dedicated impact section",{"type":37,"chip":696,"items":697},"Behavior driver",[698,699,700],"Reciprocity lowers the barrier to join","Matching makes value concrete","Gamification keeps the community active",[702,713,718,726,732,742,749,759,763,770],{"type":51,"eyebrow":52,"items":703},[704,707,710],{"value":705,"label":706},"2.4k","Active Users",{"value":708,"label":709},"340","Skills Shared",{"value":711,"label":712},"92%","Match Success Rate",{"type":65,"eyebrow":714,"title":715,"paragraphs":716},"The Principle","Simple but effective",[717],"1. You list what you know (guitar, Python, cooking...). 2. You list what you want to learn. 3. The system matches you with complementary profiles. 4. You exchange knowledge – fair & direct.",{"type":197,"items":719},[720,724],{"src":721,"alt":722,"caption":723},"/media/projects/swap/grid.webp","Content Grid","Overview of all learning content",{"src":682,"alt":76,"caption":725},"Find people who know what you want to learn",{"type":37,"eyebrow":157,"title":727,"items":728},"Motivation through game mechanics",[729,730,731],"\u003Cstrong>XP system\u003C/strong> for every completed exchange","\u003Cstrong>Badges\u003C/strong> for different categories","\u003Cstrong>Leaderboards\u003C/strong> of most helpful community members",{"type":197,"items":733},[734,738],{"src":735,"alt":736,"caption":737},"/media/projects/swap/folder.webp","Folder Organization","Organize your learning materials in folders",{"src":739,"alt":740,"caption":741},"/media/projects/swap/quiz.webp","Interactive Quiz","Interactive quizzes for knowledge tests",{"type":37,"eyebrow":743,"title":744,"items":745},"Trust Building","Building credibility",[746,747,748],"\u003Cstrong>Verified skills\u003C/strong> through community voting","\u003Cstrong>Rating system\u003C/strong> after each swap","\u003Cstrong>Transparent profiles\u003C/strong>",{"type":197,"items":750},[751,755],{"src":752,"alt":753,"caption":754},"/media/projects/swap/stats.webp","Learning Stats","Detailed statistics on learning progress",{"src":756,"alt":757,"caption":758},"/media/projects/swap/darkStats.webp","Dark Mode Stats","Stats also perfectly readable in dark mode",{"type":65,"eyebrow":90,"title":760,"paragraphs":761},"A platform that connects",[762],"\u003Cstrong>Matches\u003C/strong> based on complementary skills. \u003Cstrong>Motivates\u003C/strong> through gamification. \u003Cstrong>Connects\u003C/strong> through in-app chat & video.",{"type":51,"eyebrow":109,"items":764},[765,767],{"value":711,"label":766},"Successful matches",{"value":768,"label":769},"4.2","Swaps per user/month",{"type":65,"eyebrow":257,"title":771,"paragraphs":772},"Reciprocity works",[773],"92% of matches lead to at least one successful knowledge exchange. The community grows organically – almost exclusively through word of mouth.",[262,314,775,776],"MongoDB","Socket.io","Swap - Knowledge Exchange Platform | BitBitHooray","Case Study: Community platform that gamifies knowledge exchange.",{"type":134,"children":780,"toc":781},[],{"title":137,"searchDepth":24,"depth":24,"links":782},[],"content:en:cases:swap.md","en/cases/swap.md","en/cases/swap",{"_path":787,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":788,"description":789,"subtitle":790,"type":12,"client":788,"industries":791,"services":793,"timeline":796,"year":22,"featured":23,"order":797,"slug":798,"heroImage":799,"heroImageAlt":800,"question":801,"overview":802,"blocks":818,"techStack":880,"seoTitle":883,"seoDescription":884,"body":885,"_type":139,"_id":889,"_source":141,"_file":890,"_stem":891,"_extension":144},"/cases/wetterstudio","Wetterstudio Hiddensee","Website for the weather studio of Hiddensee island – informative and charming like the island itself.","Local weather data, lovingly presented",[792],"Media",[17,794,795],"Development","Data Visualization","4 Weeks",6,"wetterstudio","/media/projects/wetterstudio/mock.webp","Wetterstudio Hiddensee Website","How do you make weather data not just informative, but experiential?",{"headline":803,"text":804,"rail":805},"As inviting as the island itself","Wetterstudio Hiddensee has been providing reliable local weather data for years. But the old website was as old as some weather instruments. Data was there, but hard to read. No mobile optimization. No charm.",[806,807,812],{"type":34,"chip":35,"text":801},{"type":37,"chip":38,"items":808},[809,810,811],"Make practical value visible first","Use local character as differentiation","Build trust through clear data visualization",{"type":37,"chip":813,"items":814},"User moment",[815,816,817],"Know fast: beach day or rain jacket","Readable instantly on mobile","Charming enough for repeat visits",[819,829,834,838,845,851,861,867,870,876],{"type":51,"eyebrow":52,"items":820},[821,824,826],{"value":822,"label":823},"12k","Daily Visitors",{"value":768,"unit":619,"label":825},"Time on Site",{"value":827,"label":828},"100%","Uptime",{"type":65,"eyebrow":830,"title":831,"paragraphs":832},"Our Approach","Weather is emotional",[833],"A glance at the thermometer decides between beach visit or museum marathon. That's why we didn't just visualize data – we made it experiential.",{"type":72,"src":835,"alt":836,"caption":837},"/media/projects/wetterstudio/landing-page.webp","Landing Page","Inviting landing page with live weather widget",{"type":37,"eyebrow":839,"title":840,"items":841},"Visual Design","Design Decisions",[842,843,844],"\u003Cstrong>Color scheme\u003C/strong> that changes with the weather (sun = warm, rain = cool)","\u003Cstrong>Illustrations\u003C/strong> of the island as background","\u003Cstrong>Clear typography\u003C/strong> for quick readability",{"type":37,"eyebrow":795,"title":846,"items":847},"Information at a glance",[848,849,850],"Live temperature display prominently in header","7-day forecast as timeline","Historical data as interactive charts",{"type":197,"items":852},[853,857],{"src":854,"alt":855,"caption":856},"/media/projects/wetterstudio/website-a.webp","Content Section","Informative content about the weather studio",{"src":858,"alt":859,"caption":860},"/media/projects/wetterstudio/website-b.webp","Features Section","TV broadcast times and lecture bookings",{"type":37,"eyebrow":90,"title":862,"items":863},"A website that",[864,865,866],"\u003Cstrong>Informs immediately\u003C/strong> – temperature in hero area","\u003Cstrong>Provides details\u003C/strong> – wind, precipitation, UV index","\u003Cstrong>Tells stories\u003C/strong> – blog with weather insights",{"type":72,"src":799,"alt":868,"caption":869},"Full Page Mockup","Full view of the website with island charm",{"type":51,"eyebrow":109,"items":871},[872,874],{"value":822,"label":873},"Daily visitors",{"value":768,"unit":619,"label":875},"Average time on site",{"type":65,"eyebrow":257,"title":877,"paragraphs":878},"More than just a thermometer",[879],"The new site has 12,000 daily visitors – many of them tourists planning their vacation around it. The average time on site of 4.2 minutes shows: People don't just check the thermometer.",[127,881,882,129],"Chart.js","Weather API","Wetterstudio Hiddensee - Website | BitBitHooray","Case Study: How we visualized weather data for the Baltic island Hiddensee.",{"type":134,"children":886,"toc":887},[],{"title":137,"searchDepth":24,"depth":24,"links":888},[],"content:en:cases:wetterstudio.md","en/cases/wetterstudio.md","en/cases/wetterstudio",1782424347732]