https://huangtienhan.cargo.site Huang,Tien-Han Wed, 04 Mar 2026 15:46:59 +0000 https://huangtienhan.cargo.site en https://huangtienhan.cargo.site/Home Fri, 13 Aug 2021 15:58:31 +0000 Huang,Tien-Han https://huangtienhan.cargo.site/Home https://huangtienhan.cargo.site/Web-Kenson-Vinowine Wed, 04 Mar 2026 15:46:59 +0000 Huang,Tien-Han https://huangtienhan.cargo.site/Web-Kenson-Vinowine <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/a438dbc8793279abab9f28c5ed01f69d9359b6dd86534e39eafb8c578f7b3c03/Homepage_Mockup.png" data-mid="245696553" border="0" src="https://freight.cargo.site/w/1000/i/a438dbc8793279abab9f28c5ed01f69d9359b6dd86534e39eafb8c578f7b3c03/Homepage_Mockup.png" /> Case Study - Kenson Vinowine WebsiteConnecting the Taiwanese Palate to Italian Terroir Project Overview The Brief: Kenson Vino is a boutique importer bringing elite Italian wines to Taiwan. They needed a digital home that felt less like a warehouse and more like a private cellar. I spent 4 weeks building an interactive portfolio that helps people explore wine through the land it comes from. Role: Solo UI/UX DesignerDuration: 4 WeeksTools: Figma, Competitive Benchmarking, Interactive PrototypingMain Focus: Information Architecture &amp; Visual Storytelling The Challenge Italian wine is a maze. For many buyers in Taiwan, the sheer number of regions, DOCGs, and grape varieties is intimidating. Most importer websites make this worse by using dry, cluttered lists that provide no context. Why it matters: If a user can't find a region or understand the history of a bottle, they won't buy it. Kenson needed to bridge the gap between "just a bottle" and the "story of the land." The goal was to turn a search for wine into an exploration of Italy. Research and Discovery <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/aefe364d183e7692b14ee7095f0f85e25a770d83e4eb9a468c5358d8da9f6396/Research2.png" data-mid="245698002" border="0" src="https://freight.cargo.site/w/1000/i/aefe364d183e7692b14ee7095f0f85e25a770d83e4eb9a468c5358d8da9f6396/Research2.png" /> First, I started looking at how luxury wine collectors and sommeliers shop. Insights: Geography is the anchor: People often remember a region (like Piedmont) before they remember a specific producer’s name.Data is trust: Professional buyers aren't looking for marketing fluff; they need technical specs like pH, soil type, and aging methods immediately.The "Luxury" Gap: Local competitors often look dated and "techy." Kenson needed a "Quiet Luxury" aesthetic to match the price point of their collection.Competitive Analysis: I analysed both local Taiwanese importers and global leaders like Berry Bros. &amp; Rudd. Most local sites failed on mobile responsiveness and visual hierarchy, while global sites were often too corporate. Kenson needed to be Artisanal and Human. User Research &amp; Strategic Discovery <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/b85795273cbea565c1aad316b578a6ceaed4240fd0e27d18b3500dfc92ba150f/persona.png" data-mid="246253263" border="0" src="https://freight.cargo.site/w/1000/i/b85795273cbea565c1aad316b578a6ceaed4240fd0e27d18b3500dfc92ba150f/persona.png" /> Wine e-commerce has an unusual problem: it serves two completely different users who want opposite things from the same page. To understand where existing sites were failing, I interviewed four people across the buying spectrum — a head sommelier, a prestige collector, an intermediate hobbyist, and a casual explorer. When I spoke with David (Head Sommelier):&nbsp;Builds wine lists professionally. Needs technical data to train staff and justify selections to clients. Has zero patience for marketing copy. Mr Wang (restige Collector):&nbsp;High-net-worth buyer. Associates visual clutter with low quality. Buys on reputation, provenance, and aesthetic trust signals.Sophie (Weekend Hobbyist):&nbsp;Intermediate drinker, feels lost with Italian classifications. Wants to explore but needs a safety net — something to guide her without making her feel ignorant.Anna (Marketing Manager):&nbsp;Shops by mood, occasion, and food pairing. Doesn't think in vintages or regions. Buys when she can picture the wine at her own table. Four friction points emerged consistently:&nbsp; Geographic Blindness: Users recognise producer names but can't place them. Without spatial context, regions feel like arbitrary labels rather than real places with distinct character.The Data-vs-Story Split: Professionals need pH levels and soil composition to do their jobs. Casual buyers need the romance—the story of the land and the winemaker's philosophy. Most sites pick one audience and lose the other.Terminology as a Barrier: DOCG, IGT, Superiore—these classifications gatekeep rather than guide. The taxonomy doesn't match the mental model of buyers who want to shop by occasion, food, or mood.Aesthetic as a Trust Signal: For collectors, a cluttered or visually "loud" product page doesn't just look bad—it signals low quality and undermines confidence in the source. How this changed the design The most important finding came from David, a head sommelier: he said technical spec sheets aren't reference material — they're sales tools he uses to train staff and build wine lists. That reframed the Cartellino from a "nice to have" data layer into a primary professional feature. It needed to be scannable in under five seconds, not buried at the bottom of a page. The collector insight (Mr Wang) settled a visual design debate I'd been having with myself. I'd been treating whitespace and typography as aesthetic choices. He framed them as credibility signals — the digital equivalent of the weight of a physical bottle. That's locked in the Paper &amp; Ink direction. The result was a Dual-Layer page architecture: an emotional top layer (photography, heritage story, food context) for Sophie and Anna; a functional bottom layer (Technical Cartellino, downloadable spec sheets) for David and Mr Wang. Neither group has to wade through content meant for the other. Design Process &amp; Strategy Taming the Taxonomy (Information Architecture) <img width="3392" height="2116" width_o="3392" height_o="2116" data-src="https://freight.cargo.site/t/original/i/4630002d8b6b71e7df028799d340459ffa68b5e80e2f4a23f952a0dc0c929a48/Kenson-Vinowein_IA.png" data-mid="245796243" border="0" src="https://freight.cargo.site/w/1000/i/4630002d8b6b71e7df028799d340459ffa68b5e80e2f4a23f952a0dc0c929a48/Kenson-Vinowein_IA.png" /> Italian wine is notoriously complicated. A single bottle has a producer, a region, a sub-region, a grape, and a classification (like DOCG). My first major task was organizing Kenson’s inventory into an Information Architecture that wouldn't give users a headache. I decided to build the primary navigation around three core pillars: Regions (for discovery), Producers (for brand loyalty), and Wines (for specific inventory filtering). Designing for Two Distinct Behaviours <img width="1440" height="4313" width_o="1440" height_o="4313" data-src="https://freight.cargo.site/t/original/i/6f894ef5f440967b403728639dfa591aca4fd0166ed35c8ac0a3d60fa9e0dac2/Producer-Index.png" data-mid="245705752" border="0" src="https://freight.cargo.site/w/1000/i/6f894ef5f440967b403728639dfa591aca4fd0166ed35c8ac0a3d60fa9e0dac2/Producer-Index.png" /> <img width="1440" height="3042" width_o="1440" height_o="3042" data-src="https://freight.cargo.site/t/original/i/41fb8ecf36c78e11cee17777a037570649b97342af3210eefeafe0f4905a0aea/Region.png" data-mid="245705754" border="0" src="https://freight.cargo.site/w/1000/i/41fb8ecf36c78e11cee17777a037570649b97342af3210eefeafe0f4905a0aea/Region.png" /> Through my initial mapping, I realised the site needed to support two completely different user flows: The Explorer: A user who wants to learn and be inspired. For them, I designed the interactive "Origins" Map. It turns the browsing experience into a visual journey across Italy. The Sommelier/Buyer: A professional who knows exactly what they want and doesn't have time to browse. For them, I created the A-Z "Producer Index" and a robust filtering system on the "Our Wines" page so they can jump straight to a specific Nebbiolo or price point. <img width="3933" height="4473" width_o="3933" height_o="4473" data-src="https://freight.cargo.site/t/original/i/cd8ea82f290400413e1127e3250bfb455c7fdd8e306d7d3c85cba76b73df110e/Spreadsheet-Wireframes.png" data-mid="246236930" border="0" src="https://freight.cargo.site/w/1000/i/cd8ea82f290400413e1127e3250bfb455c7fdd8e306d7d3c85cba76b73df110e/Spreadsheet-Wireframes.png" /> <img width="3933" height="3837" width_o="3933" height_o="3837" data-src="https://freight.cargo.site/t/original/i/61c04fcf67b374cc03fb0b3c2882957c635d86956fe3857a29cfb53de6a17c0f/Blog-Wireframes.png" data-mid="246236929" border="0" src="https://freight.cargo.site/w/1000/i/61c04fcf67b374cc03fb0b3c2882957c635d86956fe3857a29cfb53de6a17c0f/Blog-Wireframes.png" /> <img width="1894" height="4096" width_o="1894" height_o="4096" data-src="https://freight.cargo.site/t/original/i/d77b16ef06910a161c4a599a0f15959917e19ee6186c20fbdf3b7ce017f8189b/Group-1.png" data-mid="245796523" border="0" src="https://freight.cargo.site/w/1000/i/d77b16ef06910a161c4a599a0f15959917e19ee6186c20fbdf3b7ce017f8189b/Group-1.png" /> Wireframing: Balancing Emotion and Data The biggest layout challenge was the Producer and Wine Detail pages. They had to serve two masters. On one hand, Kenson sells high-end luxury, so the pages needed large, immersive photography and a compelling "Heritage" story. On the other hand, trade buyers need hard facts. In my early wireframes, the pages felt either too much like a blog or too much like a spreadsheet. I iterated on the layout until I found the right rhythm: leading with the emotional story at the top, and anchoring the bottom of the page with a highly structured, scannable "Fact Sheet" and "Technical Cartellino" detailing the pH, altitude, and soil type. Solution Key Features: The Interactive Atlas: A live map where hovering over a producer highlights their region. It turns navigation into an education. <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/32215606798b565531003c5516cafcf6c7283404af52fb3650eadbeebe94169e/Producer-Index-screen.png" data-mid="245796551" border="0" src="https://freight.cargo.site/w/1000/i/32215606798b565531003c5516cafcf6c7283404af52fb3650eadbeebe94169e/Producer-Index-screen.png" /> The Technical Cartellino: A structured data grid on every wine page. It gives professionals exactly what they need—Residual Sugar, Total Acidity, Aging—in a clean, "label-style" format. <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/273ed1ffb2a652109304be1e5402ce7c5e2985458b8529c65971a0ecf01cf081/product-detail-2.png" data-mid="246237058" border="0" src="https://freight.cargo.site/w/1000/i/273ed1ffb2a652109304be1e5402ce7c5e2985458b8529c65971a0ecf01cf081/product-detail-2.png" /> Editorial Layout: A producer index that uses oversized letters and generous whitespace to create a high-end, curated atmosphere. What I'd Validate First:&nbsp; Three design bets drove every major decision in this project. None of them were tested with real users before completion — that's the honest limitation. Does the Origins Map aid discovery — or just look good? If users consistently skip it for search, it's a beautiful dead end. I'd run one task: "Find a producer from Sicily you haven't heard of." Fewer than 70% using the map unprompted = reconsider its homepage prominence. Does the dual-layer page serve both users — or satisfy neither? I'd give a casual buyer and a trade buyer the same Producer Detail page and ask what's missing. The gap between their answers tells me whether to split the view or hold the layered approach. Is "Region" the right primary nav pillar — or should it be "Grape Variety"? Taiwanese buyers may shop by grape first. If card sorting showed Variety as the dominant mental model, the entire IA needs revisiting. That's the riskiest untested assumption in the current design. Lessons Learned Aesthetics need logic behind them. The Paper &amp; Ink direction felt right instinctively — Mr. Wang confirmed why: whitespace and typography aren't decoration, they're credibility signals. That reframe changed how I justified every visual decision after it. Test navigation taxonomy early. I built the IA around Regions, Producers, and Wines without validating whether that matches how users actually think. That assumption should have been challenged with card sorting in week one, not left untested through delivery. The sticky map had a flaw I caught too late. When users scrolled past it, they lost spatial context without realising it. A breadcrumb or fixed mini-map would solve it — but it should have been a wireframe-stage catch, not a visual QA note. <img width="1440" height="4306" width_o="1440" height_o="4306" data-src="https://freight.cargo.site/t/original/i/3e866960cd29b67c06fcb7097898561c77d5f68dfa73bf9ba6fd0c220dd97840/Home.png" data-mid="245705751" border="0" src="https://freight.cargo.site/w/1000/i/3e866960cd29b67c06fcb7097898561c77d5f68dfa73bf9ba6fd0c220dd97840/Home.png" /> <img width="1440" height="3042" width_o="1440" height_o="3042" data-src="https://freight.cargo.site/t/original/i/41fb8ecf36c78e11cee17777a037570649b97342af3210eefeafe0f4905a0aea/Region.png" data-mid="245705754" border="0" src="https://freight.cargo.site/w/1000/i/41fb8ecf36c78e11cee17777a037570649b97342af3210eefeafe0f4905a0aea/Region.png" /> <img width="1440" height="4313" width_o="1440" height_o="4313" data-src="https://freight.cargo.site/t/original/i/6f894ef5f440967b403728639dfa591aca4fd0166ed35c8ac0a3d60fa9e0dac2/Producer-Index.png" data-mid="245705752" border="0" src="https://freight.cargo.site/w/1000/i/6f894ef5f440967b403728639dfa591aca4fd0166ed35c8ac0a3d60fa9e0dac2/Producer-Index.png" /> <img width="1440" height="3072" width_o="1440" height_o="3072" data-src="https://freight.cargo.site/t/original/i/e5ace56b11a2e4a1ef8ec1f741d3a9e2cc33a04a5af80f493afdf77b81e65acd/wines.png" data-mid="245705756" border="0" src="https://freight.cargo.site/w/1000/i/e5ace56b11a2e4a1ef8ec1f741d3a9e2cc33a04a5af80f493afdf77b81e65acd/wines.png" /> <img width="1440" height="1802" width_o="1440" height_o="1802" data-src="https://freight.cargo.site/t/original/i/9e8657bc974db67b141996866ff66f41486dbc2421f5b59b18c995ffdc05f6d1/Wein-details.png" data-mid="245705755" border="0" src="https://freight.cargo.site/w/1000/i/9e8657bc974db67b141996866ff66f41486dbc2421f5b59b18c995ffdc05f6d1/Wein-details.png" /> <img width="1440" height="3116" width_o="1440" height_o="3116" data-src="https://freight.cargo.site/t/original/i/d01043d197e2841c57613faf932dbf9f377854a06f8bc93391c49c0f71698dee/Producer.png" data-mid="245705753" border="0" src="https://freight.cargo.site/w/1000/i/d01043d197e2841c57613faf932dbf9f377854a06f8bc93391c49c0f71698dee/Producer.png" /> https://huangtienhan.cargo.site/UX-Enpal-Customer-Portal Thu, 22 Jan 2026 15:42:30 +0000 Huang,Tien-Han https://huangtienhan.cargo.site/UX-Enpal-Customer-Portal <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/4af3defbcb33d3deddf0feaa86387f25abc7e22e4189a40ccbfefe017eea3e65/Enpal_Cover.png" data-mid="243824576" border="0" src="https://freight.cargo.site/w/1000/i/4af3defbcb33d3deddf0feaa86387f25abc7e22e4189a40ccbfefe017eea3e65/Enpal_Cover.png" /> Case Study - Enpal Customer PortalReducing homeowner anxiety during the solar installation journey Project OverviewRole: Product Designer (UI/UX)Timeline: Design Challenge (e.g., 4 Days)Tools: Figma, AI (Midjourney/Google AI for concepting)Platform: Responsive Web App (Mobile-First Approach) The Concept&nbsp;Enpal provides homeowners with a complete solar energy solution. My task was to design the Customer Portal dashboard—specifically focusing on the critical "Installation Phase." The goal was to transform a complex construction timeline into a simple, reassuring digital experience. The ChallengeHomeowners who buy solar systems often feel anxious during the "waiting period" between signing the contract and the actual construction. They have questions like "When are they coming?", "Do I need to be home?", and "Is everything on track?" Research <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/d5b32d83daa1d94e062042c502eaf74641b9ef744ab10886a3f6b0bb66b46eb5/Enpal_research.png" data-mid="243840895" border="0" src="https://freight.cargo.site/w/1000/i/d5b32d83daa1d94e062042c502eaf74641b9ef744ab10886a3f6b0bb66b46eb5/Enpal_research.png" /> One of my first steps was to familiarize myself with the company’s website, reviewing both its overall structure and how information is presented across pages. In parallel, Enpal provided key UI assets—including the logo, color palette, and core components—which informed the visual direction of the portal. To ground my decisions, I also reviewed comparable customer portals to understand established patterns and best practices for presenting information clearly and effectively. Ideation <img width="3642" height="2838" width_o="3642" height_o="2838" data-src="https://freight.cargo.site/t/original/i/31fd62aa98b15a32cff716db043af480c394d401a0b370431066af92ed1eec55/IMG_1451-Kopie.jpg" data-mid="243841304" border="0" src="https://freight.cargo.site/w/1000/i/31fd62aa98b15a32cff716db043af480c394d401a0b370431066af92ed1eec55/IMG_1451-Kopie.jpg" /> <img width="3746" height="2915" width_o="3746" height_o="2915" data-src="https://freight.cargo.site/t/original/i/f4f6acade28306d2149669f37ee6c3de1bfba74d4212df26e9083e254a9bceb3/IMG_1450-Kopie.jpg" data-mid="243841302" border="0" src="https://freight.cargo.site/w/1000/i/f4f6acade28306d2149669f37ee6c3de1bfba74d4212df26e9083e254a9bceb3/IMG_1450-Kopie.jpg" /> The Solution The goal was to design a responsive interface, so I decided to design for both desktop and mobile to ensure the design works on both device types. Mobile <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/d2735ef85bb6a180549a37fcbece50f761be0af62aab13ecd4e1b813d3685317/Enpal_Resulte_Mobile.png" data-mid="243893958" border="0" src="https://freight.cargo.site/w/1000/i/d2735ef85bb6a180549a37fcbece50f761be0af62aab13ecd4e1b813d3685317/Enpal_Resulte_Mobile.png" /> 1. "Single Source of Truth" Hero Card.&nbsp;To&nbsp;combat the user's primary anxiety ("When are they coming?"), I utilized a "Status-First" hierarchy. By placing the countdown and appointment details in a high-contrast hero element, I ensured the most critical information is strictly separated from secondary details. Impact: Reduces repetitive support calls asking "Is my appointment still confirmed?" 2. Context-Aware TimelineI moved away from a static list to a dynamic vertical timeline that adapts to the user's current stage. Operational Success: The active step includes a prominent "Site Readiness" alert (e.g., Clear the driveway). This serves a dual purpose: it gives the user a task to feel prepared, and it prevents costly on-site delays for the Enpal installation crew. 3. Progressive Disclosure for Documents. With&nbsp;a complex hardware installation, users have access to heavy documentation (Contracts, Blueprints). I used an accordion pattern to house these files. Why: This keeps the interface clean for the primary mobile use case (checking status) while ensuring legal and technical documents remain accessible without navigating away. 4. Human-Centric Trust AnchorConstruction allows strangers into a home, which is a friction point. I replaced the generic support form with a specific "Project Expert" profile. Trust Builder: Displaying a face and name (Lukas Müller) creates accountability and creates a psychological "safety net" for the user, knowing exactly who to call if an issue arises on installation day. Web <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/3ab0efe3401b33cfc0e2bb52e3cfc6348c14ba946e520c527ed2a21a268ca482/Enpal_Resulte_Web.png" data-mid="243894332" border="0" src="https://freight.cargo.site/w/1000/i/3ab0efe3401b33cfc0e2bb52e3cfc6348c14ba946e520c527ed2a21a268ca482/Enpal_Resulte_Web.png" /> 1. Optimised Information Architecture for High-Intent Tasks. While&nbsp;the mobile version was designed for quick status checks, the desktop layout was engineered for the "deep-dive" preparation phase. I utilised a 70/30 split-view to prioritise the active installation timeline on the left (the user’s primary concern) while keeping administrative resources—contracts and hardware specs—permanently accessible on the right. Design Intent: This eliminates "pogo-sticking" (navigating back and forth between pages), allowing users to cross-reference their upcoming schedule with the technical documents required for site readiness. 2. Contextual Team Transparency. To fulfil&nbsp;the requirement of connecting users with responsible employees, the web version expands the "Active Step" to include a detailed "Assigned Expert" profile directly within the timeline. Impact: By identifying the "Chief Installer" (Lukas Weber) alongside the project manager, the design provides a clear line of communication and accountability, which is vital for high-value home infrastructure projects. 3. Operational Efficiency through Integration. I&nbsp;introduced a "Sync Calendar" feature within the installation schedule block to bridge the gap between the Enpal portal and the user’s daily life. Business Goal: This proactively reduces the risk of rescheduling or site-access issues 2 days before the start date, protecting Enpal’s operational margins by ensuring the construction crew can begin work immediately upon arrival. 4. Responsive Component Logic: The&nbsp;web version demonstrates a deliberate "Reflow" strategy. The vertical "Order Status" from the mobile view remains the anchor of the page, while the document and contact accordions move from the bottom of the stack to a side-rail. Result: This ensures that as the screen scales, the most time-sensitive information (the 2-day countdown) remains "above the fold" and visually dominant regardless of the device being used. <img width="4096" height="3072" width_o="4096" height_o="3072" data-src="https://freight.cargo.site/t/original/i/41d1bde1ad6405a873ad714b3ea2576401a0f0f4ceeee54e2e72f4dc380f6585/iPhone-16-mockup-in-a-woman-s-hand-with-concrete-backdrop-Mockuuups-Studio.png" data-mid="243894530" border="0" src="https://freight.cargo.site/w/1000/i/41d1bde1ad6405a873ad714b3ea2576401a0f0f4ceeee54e2e72f4dc380f6585/iPhone-16-mockup-in-a-woman-s-hand-with-concrete-backdrop-Mockuuups-Studio.png" /> <img width="4096" height="3072" width_o="4096" height_o="3072" data-src="https://freight.cargo.site/t/original/i/15413b098a822008e54c2e07b5fac8605275857b45fbc18b33f177732ef6b700/Free-MacBook-Pro-with-Female-Professional-Mockuuups-Studio.png" data-mid="243894529" border="0" src="https://freight.cargo.site/w/1000/i/15413b098a822008e54c2e07b5fac8605275857b45fbc18b33f177732ef6b700/Free-MacBook-Pro-with-Female-Professional-Mockuuups-Studio.png" /> https://huangtienhan.cargo.site/System-NXTi Fri, 13 Aug 2021 15:58:33 +0000 Huang,Tien-Han https://huangtienhan.cargo.site/System-NXTi NXTi NXTi, your support with walking and a personal rehab assistant <img width="946" height="1454" width_o="946" height_o="1454" data-src="https://freight.cargo.site/t/original/i/f44b54827c4923883f42d88a124e804eea68c774049eab75af15280956904872/UX_Design_Award_New_Talent_2022_Logo_RGB_Black.jpg" data-mid="135191240" border="0" src="https://freight.cargo.site/w/946/i/f44b54827c4923883f42d88a124e804eea68c774049eab75af15280956904872/UX_Design_Award_New_Talent_2022_Logo_RGB_Black.jpg" /> <img width="130" height="130" width_o="130" height_o="130" data-src="https://freight.cargo.site/t/original/i/d9cb2b1b2203882e3fb7dbb4ea7cc6d721ebe7da75091a63cc90d347ce4a005a/GDG_Label_Ausstellerin-Kopie.jpg" data-mid="133669731" border="0" src="https://freight.cargo.site/w/130/i/d9cb2b1b2203882e3fb7dbb4ea7cc6d721ebe7da75091a63cc90d347ce4a005a/GDG_Label_Ausstellerin-Kopie.jpg" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/95e35e04825c954d562d81d6114bb3cf26ec79bfc21aba2c7944a9a49def8860/Label_GDG-Support-IDZ_2021_1.png" data-mid="133669998" border="0" src="https://freight.cargo.site/w/960/i/95e35e04825c954d562d81d6114bb3cf26ec79bfc21aba2c7944a9a49def8860/Label_GDG-Support-IDZ_2021_1.png" /> https://ux-design-awards.com/de/gewinner/smart-tights-for-stroke-patients Stroke is the second leading cause of death worldwide and in Germany, and one of the most common causes of disabilities in adulthood. Worldwide, one in four adults over the age of 25 will suffer a stroke in their lifetime. In one year, 13.7 million people worldwide will have their first strok,e and 5.5 million people will die as a result.Of the survivors, up to 50% have long-term restrictions, e.g. paralysis on one side in everyday activities such as moving around, taking care of the body or dressing and eating independently. <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/85ee7f3c9709fe54532a114d9fe7e9c3da7886703504068d14b79f8cd01f0e94/rehabprocess.jpg" data-mid="117056577" border="0" src="https://freight.cargo.site/w/1000/i/85ee7f3c9709fe54532a114d9fe7e9c3da7886703504068d14b79f8cd01f0e94/rehabprocess.jpg" /> The problem of stroke patients The stroke patients spend most of the time at home. They might go to therapy two or three times a week for an hour at a time, but that is nowhere near enough. The rehabilitation process is tedious and they won't see any results in a short period of time. In addition, there are many reasons why patients give up in the middle of rehabilitation, such as: Impatience, the exercises are painful, traveling too far to therapy, financial and pressure to return to work, and much more. Not only does this increase the likelihood of another stroke, it also increases the risk of death after another stroke. <img width="2268" height="3500" width_o="2268" height_o="3500" data-src="https://freight.cargo.site/t/original/i/e70c98719661583e7289f5f153d831e40d1ef0aa47c8d096c801e48d8eda503b/Barnes-Jewish-stroke-rehab-blog2.jpg" data-mid="118270497" border="0" src="https://freight.cargo.site/w/1000/i/e70c98719661583e7289f5f153d831e40d1ef0aa47c8d096c801e48d8eda503b/Barnes-Jewish-stroke-rehab-blog2.jpg" /> Patients with hemiplegia, the most common result of a stroke, cannot move their bodies normally due to damage to nerve cells in the brain. For example, they often cannot walk or reach for things. Therefore, they try to move in abnormal postures. The most common are the circumduction gait and the stepper gait. Not only does this damage the patient's bones and muscles, but it also has a detrimental effect on future rehabilitation. As a result, the patient may never walk normally and thus not be able to live normally. &nbsp;&nbsp; How can we help stroke patients to regain their mobility and health in home enviroment through personal rehabilitation treatment? In the interviews with stroke patients conducted, I found out that many patients desire to return to a normal life and not burden their families. For this reason, I want to create smart clothing that helps patients walk and rehabilitate. Being able to move freely is very important for patients. It is not only a mastery of one's own life, but also the possibility for patients to have their own freedom under control. <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/489816f8b5f4893165e0c0b1714b04f3a704c15fc0d3c2c7a5e9d0689f73f3e1/IMG_3816.JPG" data-mid="118279096" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/489816f8b5f4893165e0c0b1714b04f3a704c15fc0d3c2c7a5e9d0689f73f3e1/IMG_3816.JPG" /> <img width="2360" height="1640" width_o="2360" height_o="1640" data-src="https://freight.cargo.site/t/original/i/5dc223e15b566f3f6a57da224965f8a22f3deac0e99b10a372416ca92a9f2674/Unbenannt-5.png" data-mid="118279098" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/5dc223e15b566f3f6a57da224965f8a22f3deac0e99b10a372416ca92a9f2674/Unbenannt-5.png" /> <img width="868" height="1080" width_o="868" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e4850050c8174e7a74145ada4ce35a039ddcd3cffda92fb7983d965d5240e69e/NXTi_pfl.3_1.jpg" data-mid="116872855" border="0" src="https://freight.cargo.site/w/868/i/e4850050c8174e7a74145ada4ce35a039ddcd3cffda92fb7983d965d5240e69e/NXTi_pfl.3_1.jpg" /> The NXTi System is designed for stroke patients with hemiplegia&nbsp; The NXTi system is a smart pair of leggings made of an innovative material, the textile muscle. The main muscles of the lower body are covered by the textile muscle and are supported by it. This allows the patient to walk and rehabilitate himself in the correct posture. ECG-Sensors &amp; Vibration motors Sensors measure body movements and vibration motors show which muscles to concentrate on and accordingly which muscles to activate during the exercise. The vibration motors indicate if the patient's body weight is imbalanced. The app gives prompt feedback and guides users through daily exercises, thus the brains get enough stimulation for a successful recovery. <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/e4f15c1f856e3becee808f3901aaf8361e4d38bd736e03cd27fda030133f66d2/praesi21.png" data-mid="120991569" border="0" src="https://freight.cargo.site/w/1000/i/e4f15c1f856e3becee808f3901aaf8361e4d38bd736e03cd27fda030133f66d2/praesi21.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e0121482989de0845816818a1c260dbd4ddf99abd503a3fa459c1ad19c582eae/7.jpg" data-mid="116864354" border="0" src="https://freight.cargo.site/w/1000/i/e0121482989de0845816818a1c260dbd4ddf99abd503a3fa459c1ad19c582eae/7.jpg" /> Magnetic closureMagnetic closure ensures that the patient can put on the smart garments with just one hand, yet they are tight enough to stay in place. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/baa9d2d04c1c031db7df61018ccf9338814a042b4f6e27cb67f72eae2779f38c/9.jpg" data-mid="116864355" border="0" src="https://freight.cargo.site/w/1000/i/baa9d2d04c1c031db7df61018ccf9338814a042b4f6e27cb67f72eae2779f38c/9.jpg" /> The app... stored on it displays all data collected by the sensors in a user-friendly way. Users can read their training data in real-time and make adjustments while training. It also offers rehabilitation exercises so that patients can join in at home. With the app, however, patients don't have to wait for the big improvements to become apparent. In addition, with the consent of the patients, the information is passed on directly to their therapists and doctors, so that they receive more detailed information about the patients and their rehabilitation process and can thus better adapt the treatment to the needs of the patients at any time. <img width="12500" height="9376" width_o="12500" height_o="9376" data-src="https://freight.cargo.site/t/original/i/ae61110323d2913642a11c580297d93317400f4cadb3e0aead2da9b0ab302286/21.jpg" data-mid="116864358" border="0" src="https://freight.cargo.site/w/1000/i/ae61110323d2913642a11c580297d93317400f4cadb3e0aead2da9b0ab302286/21.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/c713ce3e5bc0d8e82140d27f0d36436a5b0fae1e35acf7aaed08e6a04df48f03/20.jpg" data-mid="116864357" border="0" src="https://freight.cargo.site/w/1000/i/c713ce3e5bc0d8e82140d27f0d36436a5b0fae1e35acf7aaed08e6a04df48f03/20.jpg" /> https://huangtienhan.cargo.site/System-Bao-Bao-Car Fri, 04 Feb 2022 14:51:39 +0000 Huang,Tien-Han https://huangtienhan.cargo.site/System-Bao-Bao-Car Bao Bao Car autonomous delivery service concept <img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/d82653dd90ad077bc0d54b0da7ad8944fc1cc60d9ae30a5fc14a4e5621a9b688/baobaocar_render.2.5000x3750.jpg" data-mid="132482625" border="0" src="https://freight.cargo.site/w/1000/i/d82653dd90ad077bc0d54b0da7ad8944fc1cc60d9ae30a5fc14a4e5621a9b688/baobaocar_render.2.5000x3750.jpg" /> BAO BAO Car is a concept of&nbsp; autonomous goods transportation for inner city in the future <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/b38302cac1d75cf398ca4b3e01d0e848f995c9058809501c2cd18214dd219748/IMG_9464.JPG" data-mid="132475699" border="0" src="https://freight.cargo.site/w/1000/i/b38302cac1d75cf398ca4b3e01d0e848f995c9058809501c2cd18214dd219748/IMG_9464.JPG" /> <img width="2471" height="2583" width_o="2471" height_o="2583" data-src="https://freight.cargo.site/t/original/i/b5173b6f4b874cba31e57835e239d180a61119e75e29ae799567289ad01daacc/analyse_2.jpg" data-mid="132474061" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/b5173b6f4b874cba31e57835e239d180a61119e75e29ae799567289ad01daacc/analyse_2.jpg" /> Case study By studying the case, I realise that people’s lives nowadays are quite busy, they are busy working, commuting, back and forth from work and home alos other places like cafe, supermarket, bakery, etc..These detours are time-consuming. Furthermore, the current delivery service we have in the city is inflexible; customers have to wait all day long for their packages, and they cannot decide where and when their packages should be delivered in real time. The current market service shows this missing segment of on-demand grocery delivery. <img width="5159" height="3659" width_o="5159" height_o="3659" data-src="https://freight.cargo.site/t/original/i/fb51c590bbef1af32d7d5df0ae53b7d53211ae5b52e269ec3761548455357bca/DISTRICT_TRANSIT018-2.jpg" data-mid="139405937" border="0" src="https://freight.cargo.site/w/1000/i/fb51c590bbef1af32d7d5df0ae53b7d53211ae5b52e269ec3761548455357bca/DISTRICT_TRANSIT018-2.jpg" /> <img width="5159" height="3659" width_o="5159" height_o="3659" data-src="https://freight.cargo.site/t/original/i/eeb9b7c1b4f5dc0dcf919e730d991d4fce4ed1c16149b34ebb4e72c4847ddc1c/DISTRICT_TRANSIT019.jpg" data-mid="139405938" border="0" src="https://freight.cargo.site/w/1000/i/eeb9b7c1b4f5dc0dcf919e730d991d4fce4ed1c16149b34ebb4e72c4847ddc1c/DISTRICT_TRANSIT019.jpg" /> <img width="5167" height="2583" width_o="5167" height_o="2583" data-src="https://freight.cargo.site/t/original/i/e064b35b6b5431cf0d7639b73f39bc786bf9dfd643704ddb715c67368ec9e545/sketch_1.jpg" data-mid="132474070" border="0" src="https://freight.cargo.site/w/1000/i/e064b35b6b5431cf0d7639b73f39bc786bf9dfd643704ddb715c67368ec9e545/sketch_1.jpg" /> <img width="5167" height="2583" width_o="5167" height_o="2583" data-src="https://freight.cargo.site/t/original/i/d2e7dde80e84e0a5f66794ffd9bfb8065fb8bacd8605cae1f141597b827de4d9/sketch_2.jpg" data-mid="132474071" border="0" src="https://freight.cargo.site/w/1000/i/d2e7dde80e84e0a5f66794ffd9bfb8065fb8bacd8605cae1f141597b827de4d9/sketch_2.jpg" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/e57277e6190a26c6fc107b324c8d0df34c838eb16fe813f49af416fe975a3cd2/IMG_9557.JPG" data-mid="132476111" border="0" src="https://freight.cargo.site/w/1000/i/e57277e6190a26c6fc107b324c8d0df34c838eb16fe813f49af416fe975a3cd2/IMG_9557.JPG" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/e417f830218f1a9b5b7280abd7a28c770e29226c5523e46aa58ba7031a3b4476/IMG_9554.JPG" data-mid="132476110" border="0" src="https://freight.cargo.site/w/1000/i/e417f830218f1a9b5b7280abd7a28c770e29226c5523e46aa58ba7031a3b4476/IMG_9554.JPG" /> <img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/f561aae02af4c3fa294e76246e341a3d23739a0b3df27b40456b71b8343f0388/baobaocar_front_render.5000x3750.jpg" data-mid="132480818" border="0" src="https://freight.cargo.site/w/1000/i/f561aae02af4c3fa294e76246e341a3d23739a0b3df27b40456b71b8343f0388/baobaocar_front_render.5000x3750.jpg" /> Meet Bao Bao Car BAO BAO Car is a concept for goods transport of the future in the inner city, for either personal or commercial purposes. The autonomous road traffic in combination with movement data creates new possibilities for personal independence transport. How does it work <img width="5167" height="2583" width_o="5167" height_o="2583" data-src="https://freight.cargo.site/t/original/i/e565f7ebd402cabbbf8092bcb81a3c05619e34da71dabc119150dbb916555516/process.jpg" data-mid="132474068" border="0" src="https://freight.cargo.site/w/1000/i/e565f7ebd402cabbbf8092bcb81a3c05619e34da71dabc119150dbb916555516/process.jpg" /> <img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/211eca67eeaa5e3fec0b46ee90ba041ee832adc6031f1a3b5e6b3b05fd50cbbc/service_interface.png" data-mid="132475702" border="0" src="https://freight.cargo.site/w/1000/i/211eca67eeaa5e3fec0b46ee90ba041ee832adc6031f1a3b5e6b3b05fd50cbbc/service_interface.png" /> Service The service shows the general conditions of Bao Bao Car’s concept. It is not only a concept of business-to-customer but also customer-to-customer. It uses a progressive digitalisation of dealers’ assortments and supports small producers and local dealers, who do not have enough market volume to afford their delivery service. These, in turn,&nbsp; benefit from the considerable time savings through reliable delivery. The communication takes place via the app, in which assortments can be compared, orders can be placed, and deliveries can be tracked. <img width="5597" height="4664" width_o="5597" height_o="4664" data-src="https://freight.cargo.site/t/original/i/de77c48d3f27464e88db9a1cb225d5f49fbce6d768f3b580bbd6ae968d92da64/map_with_cars.png" data-mid="132475700" border="0" src="https://freight.cargo.site/w/1000/i/de77c48d3f27464e88db9a1cb225d5f49fbce6d768f3b580bbd6ae968d92da64/map_with_cars.png" /> Smart route In order to make the transport routes as efficient as possible, Bao-Bao Car introduces the concept of smart routing. Bao-Bao Cars stay only in designated areas. They deliver goods like relay race by meeting up at a specific traffic junction, which is calculated as the most efficient point, and exchange goods there. Exchange system The exchanging system is built with a shelf and lifts on four sides; they both have electric spherical rollers on their platforms. It moves goods first from a platform to be lifted on the front or back side, then the platform of the lift sticks out and moves the package also to the lift of another Bao-Bao Car. Besides, in order to ensure the exchange process goes smoothly, a magnetic docking system is installed on the bumper of each Bao-Bao Car, so that the process will not be interrupted because of the bumps on the road. <img width="3508" height="2480" width_o="3508" height_o="2480" data-src="https://freight.cargo.site/t/original/i/eca744666ff1f84d10cbce579efe9f57c3fbcedd22896ffe8a8abd4b256560ea/verbinden.png" data-mid="132475703" border="0" src="https://freight.cargo.site/w/1000/i/eca744666ff1f84d10cbce579efe9f57c3fbcedd22896ffe8a8abd4b256560ea/verbinden.png" /> <img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/b6048d398b1350e78c6a7aaab872638fd01a0e82531931effcd9518332130571/baobaocar_package.5000x3750.jpg" data-mid="132481954" border="0" src="https://freight.cargo.site/w/1000/i/b6048d398b1350e78c6a7aaab872638fd01a0e82531931effcd9518332130571/baobaocar_package.5000x3750.jpg" /> <img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/9b0312b741e934059c00f73d0245459cd68f3e34d2130e5ac2b380784de04494/car_docking_on_street.6.jpg" data-mid="132474067" border="0" src="https://freight.cargo.site/w/1000/i/9b0312b741e934059c00f73d0245459cd68f3e34d2130e5ac2b380784de04494/car_docking_on_street.6.jpg" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/93472651603c20921cd1c151ebad8528cefd7fa0934f3ca77ae710442e064981/RenderingV3.5.jpg" data-mid="132474069" border="0" src="https://freight.cargo.site/w/1000/i/93472651603c20921cd1c151ebad8528cefd7fa0934f3ca77ae710442e064981/RenderingV3.5.jpg" /> in cooperation with <img width="2000" height="705" width_o="2000" height_o="705" data-src="https://freight.cargo.site/t/original/i/ef122640988b9f0c1f05f0cac549259783c3104670798636025921cfb090972e/2000px-Brose.svg.png" data-mid="133676354" border="0" data-scale="17" src="https://freight.cargo.site/w/1000/i/ef122640988b9f0c1f05f0cac549259783c3104670798636025921cfb090972e/2000px-Brose.svg.png" />