--- source: https://www.codayweb.de/en/work/batherm generator: Coday GEO Markdown Mirror license: CC BY-ND 4.0 attribution: "Source: Coday (https://www.codayweb.de)" --- ![Batherm](https://www.codayweb.de/images/portfolio/batherm-illustration.jpg) Sanitary & Heating2024 # Batherm From local craftsman to digital authority. A masterpiece for masterful installations. Scroll ### Client Batherm (Meisterbetrieb) ### Industry Sanitary & Heating ### Services - Web Design - Local SEO - Branding ### Year 2024 # Digital Masterpiece for a Master Craftsman [ 🌐 Visit Website (batherm.de) ](https://www.batherm.de) Batherm has stood for craftsmanship excellence in sanitary, heating, and air conditioning for over 20 years. As a certified master business from the heart of Berlin, it was crucial to make this quality and expertise tangible digitally. The old website could no longer meet the standards – it was time for a digital transformation. * * * ## 🔍 The Starting Point Before we began work, we conducted a comprehensive analysis of the existing digital presence. The results were sobering: ### The Problems in Detail **1\. Outdated Design without Recognition Value** The existing website looked like it was from another era. Stock photos unrelated to the actual team, generic layouts, and a design that undermined trust rather than building it. In an industry where customers let craftsmen into their homes, visual trust is decisive. **2\. Catastrophic Mobile Performance** With over 68% mobile traffic in the craft sector, the non-responsive website was a real business problem. Potential customers abandoned the visit before they could even find the phone number. **3\. Invisible in Local Search Results** Despite excellent reviews on other platforms, Batherm did not appear in local search results. The competition dominated search queries like "Heating installer Berlin" or "Sanitary emergency service". * * * ## 🎯 Our Strategy After the analysis phase, we developed a three-part strategy addressing all identified problems: ### 1\. Trust-First Design Philosophy We focused on real images of the team, the workshop, and completed projects. Every element was designed to build trust – from prominent certificate badges to video testimonials from satisfied customers. ### 2\. Mobile-First Development The entire website was conceived from the ground up for mobile devices. Large touch targets, fast load times, and a click-to-call button immediately visible on every screen. ### 3\. Local SEO Dominance A comprehensive package of technical SEO, content strategy, and Google Business Profile optimization to become the digital number 1 in the region. * * * ## 🛠️ Technical Implementation ⚛️ #### Next.js 14 React Framework for optimal performance and SEO 🎨 #### Tailwind CSS Utility-First CSS for fast, consistent development ✨ #### Framer Motion Smooth animations for premium feeling ▲ #### Vercel Edge hosting for lightning-fast load times 🔍 #### Schema.org Structured data for rich snippets 📍 #### Google Maps API Interactive location display and directions 📅 #### Cal.com Seamless appointment booking for customers 📊 #### Plausible GDPR-compliant analytics without cookies * * * ## 📅 The Project Timeline #### Discovery Initial meeting, status analysis, competitor research #### Concept Wireframes, sitemap, content strategy #### Design High-fidelity mockups, design system, approval #### Development Frontend development, CMS integration #### Content Copywriting, on-site photoshoot #### Launch Testing, SEO setup, Go-Live ### Week 1: Discovery & Research In an intensive kickoff workshop, we got to know the Batherm team personally. We spoke with the managing director about his vision, interviewed employees about their strengths, and analyzed the successful projects of recent years. ### Week 2-3: Concept & Design Based on the insights, we developed a visual concept combining tradition and modernity. The color palette – a deep petrol combined with warm accents – was intended to radiate trust and professionalism. ### Week 4-5: Development & Content During development, our photographer worked on-site to create authentic images. Real employees at real work – no stock photos, no staged scenes. ### Week 6: Launch & Optimization After comprehensive testing on various devices and browsers, the new website went live. The first Google rankings improved within the first week. * * * ## ✨ Key Features in Detail ### Trust-Building Elements We strategically placed trust-building elements throughout the website: - **Certificate Badges** in the header (TÜV, Guild Master, etc.) - **Video Testimonials** from real customers - **Before/After Galleries** of completed projects - **Team Page** with personal introductions of all employees - **Real-time Availability Display** for emergency assignments ### Service-First Architecture Navigation was completely structured around services: 1. **Heating** – From classic gas heating to heat pumps 2. **Sanitary** – Bathroom renovation, pipeline construction, emergency service 3. **Air Conditioning** – installation and maintenance 4. **Emergency Service** – 24/7 availability for emergencies ### Local SEO Measures * * * ## 💬 Customer Testimonials > "Finally a website that works as well as we do. Inquiries have doubled since the relaunch. The appointment booking system specifically saves us time daily." — _Thomas M., CEO Batherm_ > "I was skeptical whether an expensive website pays off for a craft business. After 3 months, the investment was already recouped – solely through new customers who found us via Google." — _Owner, Batherm_ * * * ## 📊 Results after 6 Months ## Measurable Impact +0% Online Inquiries No. 0 Google Ranking 0/100 Mobile Score \-0s Sec. Load Time ### The Transformation in Numbers | Metric | Before | After | Change | | :--- | :--- | :--- | :--- | | **Monthly Website Visitors** | 320 | 2.400 | +650% | | **Inquiries via Contact Form** | 8 | 45 | +462% | | **Average Dwell Time** | 0:42 min | 3:15 min | +361% | | **Mobile Bounce Rate** | 78% | 31% | -60% | | **Google Ranking "Heating Installer Berlin"** | Page 4 | Rank 3 | +37 Positions | * * * ## 🖼️ Process: From Sketch to Reality ![Live Implementation](https://www.codayweb.de/images/portfolio/batherm-real.png) Live Implementation ![Concept](https://www.codayweb.de/images/portfolio/batherm-illustration.jpg) Concept The final website is not just a visual upgrade, but a complete digital sales system. Every element was designed to convert visitors into qualified leads. * * * ## 🧠 Test Your Knowledge ### Local SEO Quiz 1/3 // @ts-expect-error What does 'NAP' mean in the context of Local SEO? // @ts-expect-error * * * ## 🎯 Key Learnings What we took away from this project: 1. **Authenticity beats Perfection** – Real photos of the real team perform better than polished stock photos 2. **Mobile is not optional** – In the craft sector, over 70% of traffic comes from smartphones 3. **Local SEO takes patience** – First rankings appeared after 2 weeks, full impact after 3 months 4. **Conversion Optimization from Day 1** – Every page needs a clear call to action * * * ## 🚀 Ready for your digital transformation? What Batherm achieved, you can achieve too. Whether craft business, local store, or service provider – we help you become the digital number 1 in your region. ## Ready for the next step? [Request Project](https://www.codayweb.de/contact) ## Ready for your next project? Let's find out together how we can accelerate your digital growth. Free and without obligation. [ Start project](https://www.codayweb.de/en/contact) ![Batherm](https://www.codayweb.de/images/portfolio/batherm-illustration.jpg) Sanitary & Heating2024 # Batherm From local craftsman to digital authority. A masterpiece for masterful installations. Scroll ### Client Batherm (Meisterbetrieb) ### Industry Sanitary & Heating ### Services - Web Design - Local SEO - Branding ### Year 2024 # Digital Masterpiece for a Master Craftsman [ 🌐 Visit Website (batherm.de) ](https://www.batherm.de) Batherm has stood for craftsmanship excellence in sanitary, heating, and air conditioning for over 20 years. As a certified master business from the heart of Berlin, it was crucial to make this quality and expertise tangible digitally. The old website could no longer meet the standards – it was time for a digital transformation. * * * ## 🔍 The Starting Point Before we began work, we conducted a comprehensive analysis of the existing digital presence. The results were sobering: ### The Problems in Detail **1\. Outdated Design without Recognition Value** The existing website looked like it was from another era. Stock photos unrelated to the actual team, generic layouts, and a design that undermined trust rather than building it. In an industry where customers let craftsmen into their homes, visual trust is decisive. **2\. Catastrophic Mobile Performance** With over 68% mobile traffic in the craft sector, the non-responsive website was a real business problem. Potential customers abandoned the visit before they could even find the phone number. **3\. Invisible in Local Search Results** Despite excellent reviews on other platforms, Batherm did not appear in local search results. The competition dominated search queries like "Heating installer Berlin" or "Sanitary emergency service". * * * ## 🎯 Our Strategy After the analysis phase, we developed a three-part strategy addressing all identified problems: ### 1\. Trust-First Design Philosophy We focused on real images of the team, the workshop, and completed projects. Every element was designed to build trust – from prominent certificate badges to video testimonials from satisfied customers. ### 2\. Mobile-First Development The entire website was conceived from the ground up for mobile devices. Large touch targets, fast load times, and a click-to-call button immediately visible on every screen. ### 3\. Local SEO Dominance A comprehensive package of technical SEO, content strategy, and Google Business Profile optimization to become the digital number 1 in the region. * * * ## 🛠️ Technical Implementation ⚛️ #### Next.js 14 React Framework for optimal performance and SEO 🎨 #### Tailwind CSS Utility-First CSS for fast, consistent development ✨ #### Framer Motion Smooth animations for premium feeling ▲ #### Vercel Edge hosting for lightning-fast load times 🔍 #### Schema.org Structured data for rich snippets 📍 #### Google Maps API Interactive location display and directions 📅 #### Cal.com Seamless appointment booking for customers 📊 #### Plausible GDPR-compliant analytics without cookies * * * ## 📅 The Project Timeline #### Discovery Initial meeting, status analysis, competitor research #### Concept Wireframes, sitemap, content strategy #### Design High-fidelity mockups, design system, approval #### Development Frontend development, CMS integration #### Content Copywriting, on-site photoshoot #### Launch Testing, SEO setup, Go-Live ### Week 1: Discovery & Research In an intensive kickoff workshop, we got to know the Batherm team personally. We spoke with the managing director about his vision, interviewed employees about their strengths, and analyzed the successful projects of recent years. ### Week 2-3: Concept & Design Based on the insights, we developed a visual concept combining tradition and modernity. The color palette – a deep petrol combined with warm accents – was intended to radiate trust and professionalism. ### Week 4-5: Development & Content During development, our photographer worked on-site to create authentic images. Real employees at real work – no stock photos, no staged scenes. ### Week 6: Launch & Optimization After comprehensive testing on various devices and browsers, the new website went live. The first Google rankings improved within the first week. * * * ## ✨ Key Features in Detail ### Trust-Building Elements We strategically placed trust-building elements throughout the website: - **Certificate Badges** in the header (TÜV, Guild Master, etc.) - **Video Testimonials** from real customers - **Before/After Galleries** of completed projects - **Team Page** with personal introductions of all employees - **Real-time Availability Display** for emergency assignments ### Service-First Architecture Navigation was completely structured around services: 1. **Heating** – From classic gas heating to heat pumps 2. **Sanitary** – Bathroom renovation, pipeline construction, emergency service 3. **Air Conditioning** – installation and maintenance 4. **Emergency Service** – 24/7 availability for emergencies ### Local SEO Measures * * * ## 💬 Customer Testimonials > "Finally a website that works as well as we do. Inquiries have doubled since the relaunch. The appointment booking system specifically saves us time daily." — _Thomas M., CEO Batherm_ > "I was skeptical whether an expensive website pays off for a craft business. After 3 months, the investment was already recouped – solely through new customers who found us via Google." — _Owner, Batherm_ * * * ## 📊 Results after 6 Months ## Measurable Impact +0% Online Inquiries No. 0 Google Ranking 0/100 Mobile Score \-0s Sec. Load Time ### The Transformation in Numbers | Metric | Before | After | Change | | :--- | :--- | :--- | :--- | | **Monthly Website Visitors** | 320 | 2.400 | +650% | | **Inquiries via Contact Form** | 8 | 45 | +462% | | **Average Dwell Time** | 0:42 min | 3:15 min | +361% | | **Mobile Bounce Rate** | 78% | 31% | -60% | | **Google Ranking "Heating Installer Berlin"** | Page 4 | Rank 3 | +37 Positions | * * * ## 🖼️ Process: From Sketch to Reality ![Live Implementation](https://www.codayweb.de/images/portfolio/batherm-real.png) Live Implementation ![Concept](https://www.codayweb.de/images/portfolio/batherm-illustration.jpg) Concept The final website is not just a visual upgrade, but a complete digital sales system. Every element was designed to convert visitors into qualified leads. * * * ## 🧠 Test Your Knowledge ### Local SEO Quiz 1/3 // @ts-expect-error What does 'NAP' mean in the context of Local SEO? // @ts-expect-error * * * ## 🎯 Key Learnings What we took away from this project: 1. **Authenticity beats Perfection** – Real photos of the real team perform better than polished stock photos 2. **Mobile is not optional** – In the craft sector, over 70% of traffic comes from smartphones 3. **Local SEO takes patience** – First rankings appeared after 2 weeks, full impact after 3 months 4. **Conversion Optimization from Day 1** – Every page needs a clear call to action * * * ## 🚀 Ready for your digital transformation? What Batherm achieved, you can achieve too. Whether craft business, local store, or service provider – we help you become the digital number 1 in your region. ## Ready for the next step? [Request Project](https://www.codayweb.de/contact) ## Ready for your next project? Let's find out together how we can accelerate your digital growth. Free and without obligation. [ Start project](https://www.codayweb.de/en/contact)