

{"id":14938,"date":"2023-10-11T11:15:34","date_gmt":"2023-10-11T11:15:34","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=14938"},"modified":"2026-01-26T12:57:04","modified_gmt":"2026-01-26T12:57:04","slug":"case-study-web-design-healthtech-product","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/","title":{"rendered":"Case Study: Health Tech Design for FluxWear"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">When you&#8217;re building something meant to sit close to someone\u2019s skin\u2014a wearable healthtech product, no less\u2014the product isn&#8217;t the only thing that needs to feel personal. The story, the science, the interface\u2014they all have to connect. This is the healthtech web design case study of FluxWear, where UX decisions weren\u2019t just aesthetic\u2014they were empathetic.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this case study, we\u2019ll walk through the research, strategy, and design process behind the website for FluxWear\u2019s flagship product, SHIFT\u2014a neuromodulation device designed to reduce stress, relieve pain, and improve focus. From wireframes to live Webflow implementation, every step was guided by real human stories and product-specific UX needs.<\/span><\/p>\n<h2><b>Introduction to the FluxWear Project<\/b><\/h2>\n<p><a href=\"https:\/\/www.fluxwear.com\/\" rel=\"nofollow\">FluxWear<\/a> i<span style=\"font-weight: 400;\">s a health tech startup focused on wearable neuromodulation. Their first product, SHIFT, is an FDA-registered, patent-protected device that delivers pulsed electromagnetic field therapy (PEMF) to help users reset physically and mentally\u2014in just 25 minutes. It\u2019s already being used in clinics across the U.S., supporting people dealing with chronic pain, anxiety, migraines, poor sleep, and more.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The design for health tech brands like FluxWear isn\u2019t about visuals alone\u2014it\u2019s about trust. In a crowded space of wellness gadgets, the challenge was clear: how do we present SHIFT not as a gimmick, but as a clinically-backed, emotionally compelling tool? The site needed to inform, convert, and reassure, while reflecting the product\u2019s sleek, calming presence.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14956\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><b>Project Background &amp; Challenges<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">FluxWear came to us with a clear goal: launch a healthtech website development solution that would grow awareness, build credibility, and support direct product sales. The brand\u2019s visual identity was already defined, but they needed a web experience that could carry it\u2014blending storytelling, science, and simplicity.<\/span><\/p>\n<h3><b>User Groups &amp; Pain Points<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The site had to speak to multiple audiences:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>End users<\/b><span style=\"font-weight: 400;\">, often young adults or wellness-focused professionals, seeking accessible solutions to chronic conditions.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Healthcare providers<\/b><span style=\"font-weight: 400;\">, interested in incorporating SHIFT into treatment protocols.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Parents, educators, and counselors<\/b><span style=\"font-weight: 400;\">, looking for tools to support mental health in teens.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This wide scope meant the <\/span><b>UI\/UX health tech case study<\/b><span style=\"font-weight: 400;\"> needed to account for varied levels of tech literacy and emotional states. The tone had to be both confident and compassionate\u2014less \u201cclinical brochure,\u201d more \u201cguided discovery.\u201d<\/span><\/p>\n<h2><b>UX Research &amp; Strategy<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The team started by building out user personas based on direct input from FluxWear\u2019s founders and users. This wasn\u2019t abstract research. The device itself was born from a personal story: co-founder Nadia\u2019s battle with Guillain-Barr\u00e9 Syndrome and years of ineffective treatments. That vulnerability became central to the UX\u2014we needed the site to feel real, warm, and hopeful.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"fluxwear website design tubik blog case study 9\" src=\"https:\/\/player.vimeo.com\/video\/872877043?h=d3af4262e1&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h3><b>Competitive &amp; Industry Analysis<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">We audited a range of health tech websites: from major players in neuromodulation to wellness wearables with big marketing budgets. Many were heavy on science, light on story\u2014or vice versa. Our takeaway? Clarity wins. So we built a structure where every scroll told you something new, and every block had a purpose.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14947\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-6.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-6.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-6-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-6-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-6-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-6-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><b>Design Process &amp; UX Decisions<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In the early stages of this design process, we built detailed wireframes to map user flows and hierarchy. The goal? Create a scannable layout that allowed users to self-direct\u2014whether they came in with a problem to solve or were just curious about SHIFT.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14955 size-full\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-wireframes.jpg\" alt=\"fluxwear website design tubik blog case study wireframes\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-wireframes.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-wireframes-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-wireframes-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-wireframes-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-wireframes-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14949\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-8.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-8.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-8-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-8-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-8-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-8-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">We also designed with mobile-first behavior in mind. For wearable tech users, conversion often happens on phones. We treated scroll not as a nuisance, but as a narrative tool\u2014letting users \u201cread\u201d the product story as they explored.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14946\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-5.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-5.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-5-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-5-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-5-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-5-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><b>Key UI Components for Healthtech UX<\/b><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Sticky Header with Purchase CTA<\/b><span style=\"font-weight: 400;\">: Always within reach, never intrusive. The header navigation supports smooth UX while keeping conversions in sight.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Switchable Product View<\/b><span style=\"font-weight: 400;\">: A color toggle under the product render lets users see SHIFT in its two available colorways instantly\u2014a small but satisfying interaction.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Rounded UI Elements<\/b><span style=\"font-weight: 400;\">: The product itself is soft-edged and wearable. The website reflects this through rounded buttons, smooth transitions, and pill-shaped image containers.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14943\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-1-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The typography pairs Matter (a clean, modern sans-serif) with Tiempos Fine, a serif that adds a touch of editorial flair\u2014a nod to SHIFT\u2019s medical legitimacy without going full \u201chospital website.\u201d<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14954\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-font.jpg\" alt=\"fluxwear website design tubik blog case study font\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-font.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-font-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-font-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-font-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-font-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Color-wise, the palette leans earthy and soothing\u2014beiges, browns, pale greens\u2014with minimal black for contrast. No clinical coldness here. The visual tone says, \u201csafe,\u201d \u201ccalm,\u201d and \u201cmodern.\u201d<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14953\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-color.jpg\" alt=\"fluxwear website design tubik blog case study color\" width=\"1600\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-color.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-color-300x203.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-color-768x518.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-color-1024x691.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-color-150x101.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><b>Development &amp; Technical Implementation<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The live site was built in Webflow, allowing the FluxWear team easy editing control post-launch while preserving the high-fidelity design. This also enabled fast prototyping and visual testing directly in the browser.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This FluxWear web design choice gave the client agility\u2014from campaign updates to product variations, they can now roll out changes without external dev dependencies.<\/span><\/p>\n<h3><b>Responsive &amp; Performance Considerations<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The site performs across all devices, with thoughtful reflows of complex content blocks like:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Embedded videos<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scroll-triggered image reveals<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Data visualizations<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Image assets were compressed and lazy-loaded for performance. Content sections were modular\u2014cleanly stacking or collapsing depending on screen width. This wasn\u2019t just about aesthetics; in responsive healthtech UX, clarity and speed equal trust.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14944\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-2.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-2.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-2-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-2-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-2-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-2-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><b>Results &amp; Learnings<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">What made this UI\/UX health tech case study successful?<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Story-first layout\u2014the site leads with emotion, then supports with science.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Visual consistency with the product itself\u2014SHIFT doesn\u2019t just appear on the screen, it echoes through the site.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Editorial tone\u2014instead of shouting benefits, the copy unfolds like a conversation.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">As SHIFT evolves (new models, new colors), we recommend further personalization\u2014possibly allowing users to self-select conditions and get a tailored experience. A smart chatbot or symptom-based page variations could be a natural next step.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14952\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-12.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-12.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-12-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-12-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-12-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-12-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><b>Key Takeaways for Designers &amp; Product Teams<\/b><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Designing for health tech is designing for doubt.<\/b><span style=\"font-weight: 400;\"> Users don\u2019t know if the product will work. Your website has to answer their questions before they ask.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Emotional clarity is UX.<\/b><span style=\"font-weight: 400;\"> Tone, rhythm, and typography affect trust more than you think.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>A wearable product deserves a wearable interface.<\/b><span style=\"font-weight: 400;\"> The UI should feel like part of the product\u2014not a separate sales layer.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This healthtech web design case study proves that when UX meets empathy, even the most complex technologies can feel human.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14948 size-full\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-7.jpg\" alt=\"fluxwear website design tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-7.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-7-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-7-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-7-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-website-design-tubik-blog-case-study-7-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>In 2023, FluxWear reached new levels of recognition. They got the Innovator of the Year Award nomination by the Orange County Business Journal (OCBJ) and the Octane HTA 2023 Finalist.<\/em><\/p>\n<p>And in this video, you can watch the client&#8217;s review of our collaboration on this project (timecode 4:17)<\/p>\n<p><iframe loading=\"lazy\" title=\"7 Insights From Our Digital Agency Practice. Clients&#039; Feedback Included\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/DMi49Z69xgY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><b>Recommended Reading<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Curious to explore more? Check out these related reads from our team:<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-educational-platform\/\">Magma Math. Web Design for Educational Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-synthetic-data-platform\/\">Synthesized 2.0. Web Design for High-Quality Synthetic Data Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-hotel-offers-service\/\">HotelCard. Brand Identity for Hotel Offers Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-healthcare-service\/\">Nibble Health. Identity and UX Design for Healthcare Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/physica-magazine-web-design-scientific-blog\/\">Physica Magazine. Web Design and Graphics for Scientific Blog<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-immersive-experience-marketing\/\">CSConnect. Website Design for Immersive Experience Marketing Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-golf-management-service\/\">ProAgenda. Identity and Website Design for Golf Management Service<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this case study, we explore how we built a responsive, empathetic, and conversion-focused website for FluxWear\u2019s neuromodulation wearable, SHIFT, blending story, science, and sleek UI.<\/p>\n","protected":false},"author":10003,"featured_media":14967,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[482,487,491,57,504,100,515,126,533,127,534,138,536,147,547,212,585,256,622,365,623,440,447,463,468],"coauthors":[634],"class_list":["post-14938","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","tag-user-experience","tag-user-experience-design-process","tag-user-interface","tag-case-study","tag-ux-design-article","tag-design","tag-uxui","tag-design-for-health","tag-web-design","tag-design-for-marketing","tag-web-design-article","tag-design-process","tag-web-design-case-study","tag-design-studio","tag-website","tag-graphic-design","tag-webflow","tag-interaction-design","tag-healthcare","tag-product-design","tag-healthtech","tag-tubik","tag-tubik-studio","tag-ui-design-article","tag-ui-design-process"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: FluxWear. Web Design for Health Tech Product<\/title>\n<meta name=\"description\" content=\"Read the FluxWear web design case study: a wearable healthtech UI\/UX project built with empathy and responsive Webflow dev.\" \/>\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\/case-study-web-design-healthtech-product\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: FluxWear. Web Design for Health Tech Product\" \/>\n<meta property=\"og:description\" content=\"Read the FluxWear web design case study: a wearable healthtech UI\/UX project built with empathy and responsive Webflow dev.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-11T11:15:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-26T12:57:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\/case-study-web-design-healthtech-product\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/\",\"name\":\"Case Study: FluxWear. Web Design for Health Tech Product\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg\",\"datePublished\":\"2023-10-11T11:15:34+00:00\",\"dateModified\":\"2026-01-26T12:57:04+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"Read the FluxWear web design case study: a wearable healthtech UI\/UX project built with empathy and responsive Webflow dev.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"fluxwear web design tubik blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Health Tech Design for FluxWear\"}]},{\"@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: FluxWear. Web Design for Health Tech Product","description":"Read the FluxWear web design case study: a wearable healthtech UI\/UX project built with empathy and responsive Webflow dev.","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\/case-study-web-design-healthtech-product\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: FluxWear. Web Design for Health Tech Product","og_description":"Read the FluxWear web design case study: a wearable healthtech UI\/UX project built with empathy and responsive Webflow dev.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2023-10-11T11:15:34+00:00","article_modified_time":"2026-01-26T12:57:04+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg","type":"image\/jpeg"}],"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\/case-study-web-design-healthtech-product\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/","name":"Case Study: FluxWear. Web Design for Health Tech Product","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg","datePublished":"2023-10-11T11:15:34+00:00","dateModified":"2026-01-26T12:57:04+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"Read the FluxWear web design case study: a wearable healthtech UI\/UX project built with empathy and responsive Webflow dev.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/10\/fluxwear-web-design-tubik-blog.jpg","width":1600,"height":1200,"caption":"fluxwear web design tubik blog"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-web-design-healthtech-product\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Health Tech Design for FluxWear"}]},{"@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\/14938","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=14938"}],"version-history":[{"count":23,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/14938\/revisions"}],"predecessor-version":[{"id":16989,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/14938\/revisions\/16989"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/14967"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=14938"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=14938"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=14938"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=14938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}