{"id":17173,"date":"2026-02-20T14:41:22","date_gmt":"2026-02-20T14:41:22","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=17173"},"modified":"2026-02-20T14:41:22","modified_gmt":"2026-02-20T14:41:22","slug":"manatee-energy-case-study-designing-warmth","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/","title":{"rendered":"Case Study: Manatee Energy. Designing Warmth"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Manatee Energy came to us with a simple ambition: make heat-pump installation feel easy. Not abstractly easier, not \u201cdisrupted\u201d into a vortex of buzzwords\u2014genuinely intuitive, trustworthy, and friendly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Their mission was both practical and idealistic. Help everyday users navigate one of the most opaque service experiences\u2014energy retrofitting\u2014and use software and smart automation to lower costs and raise clarity. In an industry crowded with monopolistic players and clunky workflows, they wanted to stand out by treating customers like, well, people.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So they asked us to design the full user experience. From architecture to interface, from survey flows to dashboards, from cheerful icons to Manny the Manatee\u2014a mascot who ended up totally stealing the show (in a good way).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The result was a calm, transparent digital ecosystem that invites users in, holds their hand through a complex process, and still manages to make a technical energy upgrade feel as soft and smooth as&#8230; warm water.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Manatee_Energy_homepage_scroll\" src=\"https:\/\/player.vimeo.com\/video\/1125095309?dnt=1&amp;app_id=122963\" width=\"500\" height=\"329\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h2><span style=\"font-weight: 400;\">About the Client<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Manatee Energy is a consumer-first platform built around a very modern idea: you can automate a lot of the messy, sales-heavy overhead in heat pump installation\u2014and use that saved cost to make things simpler, cleaner, and cheaper for the people who actually live in these homes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">They\u2019re not trying to be flashy. In fact, part of their charm is how unpretentious the brand wanted to feel: helpful, warm, clear. Like a good neighbor who happens to know a lot about thermodynamics.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The name \u201cManatee\u201d wasn\u2019t a branding gimmick. In fact, it\u2019s quite fitting: manatees love warm water, often gathering around pump stations in the wild\u2014and, as it happens, they\u2019re native to one of the founders\u2019 homelands. That kind of natural metaphor felt perfect for a brand looking to build trust without too much noise.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">The Core Challenge: Building Trust<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Installing a heat pump is rarely plug-and-play. There\u2019s a lot to factor in: old insulation, home age, local subsidies, technical specs that shift the price depending on which zip code you live in or how many windows you\u2019ve got. The real challenge wasn\u2019t complexity, though. It was trust.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How do you design a process where the quote you get upfront might be wildly different from the final cost\u2014and still make users feel respected, informed, and in control? We knew our job wasn\u2019t to eliminate complexity\u2014that\u2019s impossible. We just had to give it a better interface.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So we focused on three principles:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Structure the journey clearly<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Be honest about where the numbers might flex<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">And never, ever hide behind jargon<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17175\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-scaled.avif\" alt=\"\" width=\"2560\" height=\"1683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-scaled.avif 2560w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-300x197.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-1024x673.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-768x505.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-1536x1010.jpg 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-2048x1347.jpg 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9ecc5767e62f25882e0b_Manatee_Energy_card_llayout_elements-150x99.jpg 150w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">The Process: Building From Scratch, With Help<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Manatee\u2019s team came prepared, and that changed the nature of the work in a good way. For the website, they already had the full text. For the survey, the logic was largely mapped out. The story was already there. Our role was to shape it into something coherent, intuitive, and human.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The early sessions were collaborative rather than extractive. Instead of pulling information out of the client, we were refining it together. The website structure came together relatively smoothly because the messaging was already there. We focused on hierarchy, pacing, clarity\u2014deciding what to surface upfront and what to introduce progressively. The content did a lot of heavy lifting; our job was to make it breathe.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17176\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-scaled.avif\" alt=\"\" width=\"2560\" height=\"1784\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-scaled.avif 2560w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-300x209.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-1024x714.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-768x535.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-1536x1070.jpg 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-2048x1427.jpg 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f5dd33123ac20ed7bb6_Manatee_Energy_personallized_estimate_page-150x105.jpg 150w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The survey flow was similar. The core logic existed\u2014we clarified nuances, tightened phrasing, and structured the steps so users wouldn\u2019t feel interrogated. We weren\u2019t redesigning the questions so much as designing how they unfold.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The real architectural challenge was the dashboard.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s where things became more layered. There were dependencies, conditional states, subsidy requirements, upload flows, expert bookings. And the complexity wasn\u2019t always visible at first glance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17177\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-scaled.avif\" alt=\"\" width=\"2560\" height=\"1546\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-scaled.avif 2560w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-300x181.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-1024x618.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-768x464.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-1536x928.jpg 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-2048x1237.jpg 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9f6ad03f6f06ef7eefd0_Manatee_Energy_product_dashboard_overview-150x91.jpg 150w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Here, the process became more iterative. The team shared low-fidelity mockups and rough internal logic. We asked questions. A lot of them. Sometimes very basic ones\u2014the kind that sound obvious but expose assumptions:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What happens if the preliminary estimate shifts significantly?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What if a user hasn\u2019t completed a required assessment yet?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">How does the system communicate waiting states?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">We weren\u2019t designing from scratch, but we were translating operational logic into interface logic. And that\u2019s a very different job.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Product UX: Guiding Without Hand-Holding<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">From the start, we knew the tone had to be gentle\u2014not juvenile, not sterile. The product isn\u2019t fun, exactly. But it had to feel friendly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To get there, we approached the user like good hosts\u2014anticipating questions, offering context before confusion, and never leaving anyone wondering what happens next. That meant:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Clear CTA paths (especially from website to survey)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Explanatory tooltips and microcopy<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Progressive disclosure of information (we don\u2019t bury you in forms upfront)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A mascot who walks beside you, not in front<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The survey was built with users in mind. Not \u201cpersonas,\u201d but real people who\u2019ve never heard of SEER ratings or rebate assessments.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The dashboard was trickier\u2014especially because we had to account for changing data states: sometimes you\u2019re waiting for an expert visit, other times you\u2019re uploading your Mass Save certificate, and sometimes you\u2019re just checking the latest cost estimate.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Manatee_Energy_overview\" src=\"https:\/\/player.vimeo.com\/video\/1125111192?dnt=1&amp;app_id=122963\" width=\"500\" height=\"304\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Instead of overengineering it, we simplified and focused:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Clear headers<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Smart grouping of tasks<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">No mystery buttons<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Status updates that feel like updates, not corporate apologies<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Every part of the experience\u2014the website, the dashboard, the survey\u2014was designed to feel like they belong to the same organism. Different functions, one voice.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And that voice had flippers.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Visual Identity: Let There Be Manny<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Manny the Manatee wasn\u2019t in the original brief. He showed up during the survey design\u2014when we realized that users needed someone on their side. A character to turn an otherwise cold series of data fields into something warm, visual, and memorable.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">He\u2019s not cloying. He doesn\u2019t talk too much. But he\u2019s there\u2014quietly cheering you on from the corners of the interface, peeking out from help bubbles, showing up in confirmations. And sometimes, that\u2019s all the user needs\u2014a gentle presence.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17178\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3-1024x576.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3-768x432.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3-1536x864.png 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-3-150x84.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The rest of the visual language followed suit:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rounded corners<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A breezy sky-blue base color<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bushes, clouds, illustrated homes\u2014not as decoration, but as contextual anchors<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Custom icons that simplify, not stylize<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17179\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2-1024x576.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2-768x432.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2-1536x864.png 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-2-150x84.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17174\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4-1024x576.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4-768x432.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4-1536x864.png 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/Slide-16_9-4-150x84.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">We chose illustration over photography not because it\u2019s \u201con trend,\u201d but because we had zero usable images of real installations. Instead of faking realism, we leaned into abstraction and made it intentional. Where we did need realism (like showing installed systems), we introduced it later through actual photos from the client\u2019s growing portfolio. But by then, the visual voice was already set.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Our Reflections<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Designing for infrastructure isn\u2019t always fancy. But it is deeply human. You\u2019re dealing with homes. Budgets. Families making long-term decisions. The kind of stuff where trust has to be earned through tone, rhythm, and detail.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A few things we took with us:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Illustration isn\u2019t filler when it does real explanatory work<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tone is a design system. A gentle one, but it sets the rails<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">If you\u2019re going to use a mascot, use it sparingly\u2014and give it a purpose<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">People don\u2019t need you to dumb things down. They need you to show them the map<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">And maybe our favorite lesson: even when the service is complicated, the design doesn\u2019t have to be. You can be asking someone for utility bills, floor plans, and heat pump specs\u2014but if the flow feels like a friend walking you through it over coffee, the stress drops.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Which means no big talk. No scary numbers. No tech jargon.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Just a gentle nudge, a warm tone, and maybe a manatee or two.<br \/>\n<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Recommended Reading<\/span><\/h2>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\">Curious how design shapes other complex digital ecosystems? Explore our case studies and design articles to see how we turn infrastructure, healthcare, and SaaS into human-first experiences. There\u2019s always another story behind the interface!<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/orakle-medical-education-web-design?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">Case Study: Orakle. Modern Web Design for Medical Education<\/a><\/p>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\"><a href=\"https:\/\/blog.tubikstudio.com\/case-study-abuk-designing-ukraines-leading-audiobook-platform?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">Case Study: ABUK\u2014Designing Ukraine\u2019s Leading Audiobook Platform<\/a><\/p>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\"><a href=\"https:\/\/blog.tubikstudio.com\/spylt-case-study?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">SPYLT Case Study: Delicious by Design<\/a><\/p>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\"><a href=\"https:\/\/blog.tubikstudio.com\/designing-for-justice-jailhouse-lawyers?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">Designing for Justice: Telling the Story of Jailhouse Lawyers<\/a><\/p>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\"><a href=\"https:\/\/blog.tubikstudio.com\/the-anatomy-of-a-good-design-review?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">The Anatomy of a Good Design Review<\/a><\/p>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\"><a href=\"https:\/\/blog.tubikstudio.com\/ecommerce-ui-ux-web-and-mobile-design-online-shopping?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">Ecommerce UI\/UX: 6 Web and Mobile Design Projects for Online Shopping<\/a><\/p>\n<p data-start=\"1993\" data-end=\"2234\" data-is-last-node=\"\" data-is-only-node=\"\"><a href=\"https:\/\/blog.tubikstudio.com\/talk-first-design-later-the-secret-to-better-projects?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=manatee_case_study&amp;source=blog\">Talk First, Design Later: The Secret to Better Projects<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A consumer-first energy platform that transforms heat pump installation into a transparent, friendly digital experience\u2014powered by thoughtful UX and one cute manatee.<\/p>\n","protected":false},"author":10003,"featured_media":17180,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6,9],"tags":[503,504,536,567,613,57,100,108,123,248,440,441,447,449,502],"coauthors":[634],"class_list":["post-17173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-illustration","category-ui_ux","tag-ux-design","tag-ux-design-article","tag-web-design-case-study","tag-2d-art","tag-business-illustration","tag-case-study","tag-design","tag-design-case-study","tag-design-for-business","tag-illustration","tag-tubik","tag-tubik-blog","tag-tubik-studio","tag-tubikstudio","tag-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Manatee Energy. Designing Warmth<\/title>\n<meta name=\"description\" content=\"How we designed a human-centered digital ecosystem for Manatee Energy, simplifying heat pump installation through UX clarity.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Manatee Energy. Designing Warmth\" \/>\n<meta property=\"og:description\" content=\"How we designed a human-centered digital ecosystem for Manatee Energy, simplifying heat pump installation through UX clarity.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-20T14:41:22+00:00\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/\",\"name\":\"Case Study: Manatee Energy. Designing Warmth\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9dea31912b109ce4a4bf_Manatee_Energy_case_cover_hero_section-scaled.avif\",\"datePublished\":\"2026-02-20T14:41:22+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"How we designed a human-centered digital ecosystem for Manatee Energy, simplifying heat pump installation through UX clarity.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9dea31912b109ce4a4bf_Manatee_Energy_case_cover_hero_section-scaled.avif\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9dea31912b109ce4a4bf_Manatee_Energy_case_cover_hero_section-scaled.avif\",\"width\":2560,\"height\":1683},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Manatee Energy. Designing Warmth\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Manatee Energy. Designing Warmth","description":"How we designed a human-centered digital ecosystem for Manatee Energy, simplifying heat pump installation through UX clarity.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Manatee Energy. Designing Warmth","og_description":"How we designed a human-centered digital ecosystem for Manatee Energy, simplifying heat pump installation through UX clarity.","og_url":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2026-02-20T14:41:22+00:00","author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/","url":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/","name":"Case Study: Manatee Energy. Designing Warmth","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9dea31912b109ce4a4bf_Manatee_Energy_case_cover_hero_section-scaled.avif","datePublished":"2026-02-20T14:41:22+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"How we designed a human-centered digital ecosystem for Manatee Energy, simplifying heat pump installation through UX clarity.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9dea31912b109ce4a4bf_Manatee_Energy_case_cover_hero_section-scaled.avif","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/02\/686f9dea31912b109ce4a4bf_Manatee_Energy_case_cover_hero_section-scaled.avif","width":2560,"height":1683},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/manatee-energy-case-study-designing-warmth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Manatee Energy. Designing Warmth"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=17173"}],"version-history":[{"count":1,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17173\/revisions"}],"predecessor-version":[{"id":17182,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17173\/revisions\/17182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17180"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=17173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=17173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=17173"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=17173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}