--- title: "Shopware TV | himaaax" canonical_url: "https://himaaax.com/projects/e-commerce-streaming-platform" last_updated: "2026-06-25T18:35:58.317Z" meta: description: "Lead Designer on the first e-commerce Video-on-Demand platform at Shopware. A 4-month sprint from concept to high-traffic launch using Figma & Nuxt.js." "og:description": "Lead Designer on the first e-commerce Video-on-Demand platform at Shopware. A 4-month sprint from concept to high-traffic launch using Figma & Nuxt.js." "og:title": "Shopware TV | himaaax" "twitter:description": "Lead Designer on the first e-commerce Video-on-Demand platform at Shopware. A 4-month sprint from concept to high-traffic launch using Figma & Nuxt.js." "twitter:title": "Shopware TV | himaaax" --- ### Shopware TV Shipped # The first e-commerce VoD platform on the market and a 4-month sprint to the finish line ![shot-swtv-browser-lg-gridView-overview](https://images.ctfassets.net/rxuthh6jb2x6/5Wo4kquuOSzH2uYroHpc5P/b39c4ab4237cedd2a06afb86261be30f/shot-swtv-browser-lg-gridView-overview.jpg?w=3200&h=1666&fm=webp&q=75) #### The "What" ### ## Look Ma, I Built That The launch of a branded Video-on-Demand platform from scratch turned "boring" documentation into binge-worthy infotainment. The mission: build brand awareness, educate the ecosystem, and drive product adoption across merchants, developers, and partners—delivered precisely on time. #### 30k+ Subscribers in 4 months #### 135k+ First-year Page Views #### The "Why" ### ## And so it Begins The project was defined by a 4-month window leading up to the “Shopware Community Day.” Taking this from concept to a high-traffic stable launch required a disciplined approach to the MVP. As Lead Designer and Visual Frontend Developer, the focus remained on the platform's visual architecture and frontend implementation to meet high expectations under a hard deadline. #### Role Lead Product Designer & Frontend Developer #### Team 1 PM, 1 Lead Designer & Frontend Dev, 1 Full-stack Dev, 1 Backend Dev, 1 QA #### Duration 4 months (April, 2021 - July, 2021) #### Technologies Figma, Nuxt.js, aws, video.js ![Shopware TV - Series overview header mobile](https://images.ctfassets.net/rxuthh6jb2x6/1s6ZShWsPgjmAw26jCtGPp/00558137e6abdf871572b3037651bd0b/shot-swtv-mobile-md-fullView-detailHeader.jpg?w=1640&h=2230&fm=webp&q=75) ![Shopware TV - Series overview listing desktop](https://images.ctfassets.net/rxuthh6jb2x6/28RSyFTHoZXUcMOjHFKslR/55267ede60ba32126a36e90b98e04c8d/shot-swtv-browser-sm-fullView-detailListing.jpg?w=1640&h=1640&fm=webp&q=75) ![Shopware TV - Series overview header desktop](https://images.ctfassets.net/rxuthh6jb2x6/5DmrMs8rRwAZYBdRZJiHr9/0f3a6b87dbed07e770360df20a33f41b/shot-swtv-browser-sm-fullView-detailHeader.jpg?w=1640&h=1640&fm=webp&q=75) ![Shopware TV - Series overview listing mobile](https://images.ctfassets.net/rxuthh6jb2x6/7xLDohpqVRWaQC3JH1oy18/6b504fd4439fcc4ce40ec7b955c3caaa/shot-swtv-mobile-md-fullView-detailListing.jpg?w=1640&h=2230&fm=webp&q=75) #### The "How" ### ## Wait, how did I get here Adapting "heavy hitter" flows (Netflix/Prime/Apple TV) to a smaller scale required a modular design system built specifically for Nuxt.js constraints. Knowing when to pivot is a skill—with a tight deadline looming, we reached out on critical support on the video player UI, allowing the primary focus to remain on the broader architecture. The final weeks were spent in the trenches of frontend development, fueled by coffee and QA cycles to ensure mocks survived the jump to a living platform while the backend team moved mountains. ![Shopware TV - Navigation view mobile](https://images.ctfassets.net/rxuthh6jb2x6/6y1JAG6iQDUvTJPhq8D8Uj/ce20ab791d6a843763686a681d3bbcbe/shot-swtv-mobile-sm-closeupTop-navigation.jpg?w=1640&h=1640&fm=webp&q=75) ![Shopware TV - Video player UI view desktop](https://images.ctfassets.net/rxuthh6jb2x6/2Wa6LwjNQCKDjZWRR6eyYz/d52f06c61d460303edb534899c9d74d3/shot-swtv-browser-sm-fullView-playerUi.jpg?w=1640&h=1640&fm=webp&q=75) ![Shopware TV - Video player UI settings mobile](https://images.ctfassets.net/rxuthh6jb2x6/56TKqgQCerks3sgjTGX6FE/455e2a52a8be4c8df6ecb359ee667017/shot-swtv-mobile-sm-closeupBottom-playerUiSettings.jpg?w=1640&h=1640&fm=webp&q=75) ![Shopware TV - Episode detail modal view mobile](https://images.ctfassets.net/rxuthh6jb2x6/1SINmFN3a3PdVpyEuSLF9q/71f3d0f8e2f10d48446109d7eeec83e2/shot-swtv-mobile-md-fullView-modal.jpg?w=1640&h=2230&fm=webp&q=75) ![Shopware TV - Video player UI settings desktop](https://images.ctfassets.net/rxuthh6jb2x6/OZroZ9Y3vhZ1CdZDLaymQ/f8a1cdc361d5f78327d92d392f3a89ea/shot-swtv-browser-sm-closeupRightBottom-playerUiSettings.jpg?w=1640&h=1640&fm=webp&q=75) #### Reflections ### ## Oh Well, Fair Point This project was a masterclass in prioritization. Building a new platform on a tight timeline proved that a design system is your best friend and team’s spirit is tested most when the deadline is in days, not weeks—it turns out a VoD platform can be built in 4 months with the right people and a clear "MVP" focus. By utilizing a modular approach, the result was a high-traffic stable release that felt like a seasoned product from day one. ![Shopware TV - Overview header mobile](https://images.ctfassets.net/rxuthh6jb2x6/Ja8qnCMDclnwmIuYyX1Sc/b59fa6524413710b53b473b910cb00c6/shot-swtv-mobile-md-fullView-indexHeader.jpg?w=1640&h=2230&fm=webp&q=75) ![Shopware TV - Overview listing mobile](https://images.ctfassets.net/rxuthh6jb2x6/3JxQSm35ZEazRX2QTr8Ood/3a6d3f7e47f9189c57aa6314c4aa02a5/shot-swtv-mobile-md-fullView-indexListing.jpg?w=1640&h=2230&fm=webp&q=75) ### Projects ## Ehhhm, there's more!? [![shot-rnc-thumbnail](https://images.ctfassets.net/rxuthh6jb2x6/52tFcNNIkqn3izV08zsvx2/ff76e1f6d480f05ab485a5d39789e48c/shot-rnc-thumbnail.jpg?w=1850&h=2332&fm=webp&q=75) ShippedRoll'n ConeAn ice cream franchise website launch on a tight schedule & budget still thought big ·Web Design, Frontend Development, Motion An ice cream franchise website launch on a tight schedule & budget still thought big](https://himaaax.com/projects/60s-icecream-store-frenchise "An ice cream franchise website launch on a tight schedule & budget still thought big") [![shot-sha-custom-cover](https://images.ctfassets.net/rxuthh6jb2x6/2Oky30zbp6MEATasG4iShh/e01b9a1a798f00d8ccc46b2531b77dc7/shot-sha-custom-cover.jpg?w=1850&h=2332&fm=webp&q=75) PlaygroundSmart Home AppAtomic Architecture for Physical Spaces, a Scalable Logic in Home Automation ·Product Design, Prototyping Atomic Architecture for Physical Spaces, a Scalable Logic in Home Automation](https://himaaax.com/projects/independent-smart-home-app "Atomic Architecture for Physical Spaces, a Scalable Logic in Home Automation") ### Contact ## Are youa high-fiver? [Dribbble](https://dribbble.com/himaaax) [LinkedIn](https://www.linkedin.com/in/max-kock-711045212/) [Mail Preferred](mailto:say@himaaax.com) handcrafted website