[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-previews":3,"case-study-previews":137},["Reactive",4],[5,35,62,87,111],{"showImage":6,"isFeatured":6,"hero":7,"heroCaption":7,"id":8,"title":9,"shortDescription":15,"category":26,"tags":27,"readingDuration":32,"createdAt":33,"updatedAt":34,"slug":29},false,null,"cm8l9tbl5006s14of2lwhm6aw",{"id":10,"language":11,"value":12,"type":14},"cm975paaq00bk38jd0nejuhce","en",{"text":13},"Configurators","text",{"id":16,"language":11,"value":17,"type":25},"cm975paar00bm38jd6fcve6q0",{"type":18,"content":19},"doc",[20],{"type":21,"content":22},"paragraph",[23],{"text":24,"type":14},"In this article, we’ll explore what goes into building a great product configurator, sharing insights and lessons from our past projects.","richText","ECOMMERCE",[28,29,30,31],"configurator","configurators","apple","ecommerce",11,"2025-03-23T06:42:23.081Z","2025-04-07T14:18:12.192Z",{"showImage":6,"isFeatured":6,"hero":36,"heroCaption":7,"id":42,"title":43,"shortDescription":47,"category":55,"tags":56,"readingDuration":58,"createdAt":59,"updatedAt":60,"slug":61},{"id":37,"url":38,"alt":39,"type":40,"width":41,"height":41},"cm9846gzf0044c8nkfcng0qpq","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F6f8f0cdc-048e-4110-96e5-dbdd0d3d1ef8","Loop hero image","image\u002Fwebp",0,"cm8ad902700009q2nbegh7lpx",{"id":44,"language":11,"value":45,"type":14},"cm9846gze003yc8nklsfanz5b",{"text":46},"The Next Step for Closed-Loop Systems",{"id":48,"language":11,"value":49,"type":25},"cm9846gze0040c8nkapyqifdd",{"type":18,"content":50},[51],{"type":21,"content":52},[53],{"text":54,"type":14},"In this article, we explore how to overcome their biggest challenges to drive the next generation of closed-loop systems.","MOBILE APP",[57],"Loop",6,"2025-03-15T15:33:05.551Z","2025-04-08T06:23:20.953Z","the-next-step-for-closed-loop-systems",{"showImage":6,"isFeatured":6,"hero":63,"heroCaption":7,"id":68,"title":69,"shortDescription":73,"category":26,"tags":81,"readingDuration":83,"createdAt":84,"updatedAt":85,"slug":86},{"id":64,"url":65,"alt":66,"type":67,"width":41,"height":41},"cm98ncfvb0190c8nkmuj1yv66","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F04b4f6be-2bac-428f-83ce-d962b76e6567","Vitra ","video\u002Fmp4","cm8bcqvvl008i9q2nt8yd135t",{"id":70,"language":11,"value":71,"type":14},"cm98ncfva018uc8nkvlpya98m",{"text":72},"Designing Vitra’s flagship configurator",{"id":74,"language":11,"value":75,"type":25},"cm98ncfvb018wc8nkjo07sark",{"type":18,"content":76},[77],{"type":21,"content":78},[79],{"text":80,"type":14},"In this article, we dive into the design process behind Vitra's flagship configurator and explore how we improved the shopping experience at every step.",[82],"Vitra",16,"2025-03-16T08:06:46.497Z","2025-04-08T15:19:52.146Z","designing-vitras-flagship-configurator",{"showImage":6,"isFeatured":6,"hero":88,"heroCaption":7,"id":92,"title":93,"shortDescription":97,"category":105,"tags":106,"readingDuration":107,"createdAt":108,"updatedAt":109,"slug":110},{"id":89,"url":90,"alt":91,"type":40,"width":41,"height":41},"cm98pazwz01fyc8nkkbl5j6fg","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F0623dcd8-36e7-46d3-9738-4705c440c2bf","Platform Examples","cm8l9um2w006z14ofism8znn5",{"id":94,"language":11,"value":95,"type":14},"cm98pazwy01fsc8nk6s3p43ff",{"text":96},"The architecture of modern eCommerce platforms",{"id":98,"language":11,"value":99,"type":25},"cm98pazwz01fuc8nk67upqvuy",{"type":18,"content":100},[101],{"type":21,"content":102},[103],{"text":104,"type":14},"In today’s fast-paced e-commerce world, businesses need more than just a functional online store—they need a platform that’s flexible, scalable, and tailored to their brand. ","CATEGORY",[],9,"2025-03-23T06:43:23.336Z","2025-04-08T16:14:44.048Z","the-architecture-of-modern-ecommerce-platforms",{"showImage":6,"isFeatured":6,"hero":112,"heroCaption":7,"id":116,"title":117,"shortDescription":121,"category":129,"tags":130,"readingDuration":133,"createdAt":134,"updatedAt":135,"slug":136},{"id":113,"url":114,"alt":115,"type":67,"width":41,"height":41},"cm9ctxjio000o12zwkrijxeww","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fd1dc6d4d-9292-4aa3-abfd-a61662bd1428","New Ecommerce Overview","cm8u8zmxf018o13z9ras6v433",{"id":118,"language":11,"value":119,"type":14},"cm9ctxjin000i12zw1elqhr0y",{"text":120},"Smart eCommerce is Transforming Online Shopping",{"id":122,"language":11,"value":123,"type":25},"cm9ctxjin000k12zwr2ygg8vh",{"type":18,"content":124},[125],{"type":21,"content":126},[127],{"text":128,"type":14},"In this article, we explore how brands are leading the way with innovative tools and strategies to redefine digital retail.","Ecommerce",[26,131,132],"CONFIGURATOR","FINDER",14,"2025-03-29T13:29:13.683Z","2025-04-11T13:35:19.051Z","smart-ecommerce-is-transforming-online-shopping",["Reactive",138],[139,222,264,331],{"tags":140,"themeColor":141,"platform":142,"type":143,"technologies":144,"id":150,"title":57,"isFeatured":161,"isPrivate":6,"slug":162,"yearOfPublication":163,"brandName":57,"features":164,"url":167,"thumbnail":168,"logo":173,"createdAt":179,"updatedAt":180,"metrics":181,"description":182,"heading":190,"extendedDescription":194,"footnote":202,"credits":210},[],"#1E0610","desktop","App",[145,151,156],{"id":146,"category":147,"technologies":148,"caseStudyId":150},"cmg71mdqg007o122ppspr98h2","Design",[149],"Figma","4",{"id":152,"category":153,"technologies":154,"caseStudyId":150},"cmg71mdqg007p122p0tst37ft","Protoyping",[155],"ProtoPie",{"id":157,"category":158,"technologies":159,"caseStudyId":150},"cmg71mdqg007q122pgyqhucim","Development",[160],"SwiftUi",true,"loop",2025,[165,166],"mobile","innovation","https:\u002F\u002Fwww.soehne.co",{"width":169,"height":169,"id":170,"url":171,"alt":172,"type":40},2880,"cmg71mdpv0069122p6xgbsxfc","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fcece1a4f-7870-42f3-99ab-2b3686435aec","organic blood, deep red, cell",{"width":174,"height":174,"id":175,"url":176,"alt":177,"type":178},128,"cmg71mdq0006b122pd8dtermu","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F1343bf61-2476-4c02-9039-13b2ad1d941d","Loop Logo Ring Subtract","image\u002Fsvg+xml","2025-02-05T17:38:44.233Z","2025-09-30T21:01:54.562Z",[],{"id":183,"language":11,"value":184,"type":25},"cmg71mdqf007g122pbuq5kdaj",{"type":18,"content":185},[186],{"type":21,"content":187},[188],{"text":189,"type":14},"Diabetes is one of the most widespread chronic conditions in the world, requiring patients to continuously monitor their glucose levels and inject insulin to maintain balance. Managing this condition day-to-day can be stressful and time-consuming. To reduce the burden, closed-loop systems automate this process and improve the quality of life for patients.",{"id":191,"language":11,"value":192,"type":14},"cmg71mdqf007e122pmewqrn7b",{"text":193},"Advancing Closed-Loop Systems to Empower Diabetes Patients",{"id":195,"language":11,"value":196,"type":25},"cmg71mdqf007i122py3lp0pki",{"type":18,"content":197},[198],{"type":21,"content":199},[200],{"text":201,"type":14},"In this project, we set out to push closed-loop technology even further. Our goal was to enhance the precision, usability, and reliability of these systems, making them more intuitive and adaptive to individual needs.",{"id":203,"language":11,"value":204,"type":25},"cmg71mdqg007k122pl4a1fr11",{"type":18,"content":205},[206],{"type":21,"content":207},[208],{"text":209,"type":14},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",[211,214,218],{"id":212,"name":147,"role":213},"cmg71mdqf007b122plz5aixec","Jonas Auernhammer",{"id":215,"name":216,"role":217},"cmg71mdqf007c122pqjlqsfrl","Assistance","Manuel Casasola Merkle",{"id":219,"name":220,"role":221},"cmg71mdqf007d122pgir9ucnq","Supervision","Tilman Zitzmann",{"tags":223,"themeColor":224,"platform":142,"type":225,"technologies":226,"id":227,"title":228,"isFeatured":161,"isPrivate":161,"slug":229,"yearOfPublication":230,"brandName":228,"features":231,"url":167,"thumbnail":233,"logo":237,"createdAt":241,"updatedAt":242,"metrics":243,"description":244,"heading":252,"extendedDescription":256,"credits":263},[],"","Platform",[],"cma2927e80000os9w4yjc2tkp","Milde","milde",2023,[142,232],"design-system",{"width":41,"height":41,"id":234,"url":235,"alt":236,"type":40},"cme5nn6to002z95j18aeixhx3","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F18ca0cd8-0a21-47df-a8fd-3acdaa2aca1c","Der Milde Hero",{"width":41,"height":41,"id":238,"url":239,"alt":240,"type":178},"cme5nn6tr003195j1fploozth","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F97ccf880-457e-46ae-b3d2-3d44af65e63e","Logo Der Milde Zahnarzt","2025-04-29T08:33:05.240Z","2025-08-10T12:23:26.804Z",[],{"id":245,"language":11,"value":246,"type":25},"cme5nn6tw003495j1ljgp419n",{"type":18,"content":247},[248],{"type":21,"content":249},[250],{"text":251,"type":14},"During my time at Build in Amsterdam, we were entrusted with building a flagship configurator for Vitra’s entire furniture lineup. While doing so, we not only improved the digital shopping experience at every step but also set the stage for a playful yet elegant new UI language for Vitra.com.",{"id":253,"language":11,"value":254,"type":14},"cme5nn6tw003295j1lcihw0sy",{"text":255},"Der Milde Dental Platform",{"id":257,"language":11,"value":258,"type":25},"cme5nn6tx003695j1ne6u9r0f",{"type":18,"content":259},[260],{"type":21,"content":261},[262],{"text":251,"type":14},[],{"tags":265,"themeColor":266,"platform":142,"type":267,"technologies":268,"id":274,"title":284,"isFeatured":161,"isPrivate":161,"slug":285,"yearOfPublication":286,"brandName":287,"features":288,"url":289,"thumbnail":290,"logo":293,"createdAt":297,"updatedAt":298,"metrics":299,"description":300,"heading":308,"extendedDescription":312,"credits":320},[],"#090713","Packaging",[269,275,279],{"id":270,"category":271,"technologies":272,"caseStudyId":274},"cm9zewdh600cb13drfe2v7ozy","Animation",[273],"After Effects","5",{"id":276,"category":277,"technologies":278,"caseStudyId":274},"cm9zewdh600cc13dru48x0scs","Design ",[149],{"id":280,"category":281,"technologies":282,"caseStudyId":274},"cm9zewdh600cd13drwiiz53rc","Protoype",[283],"Protopie","Other Projects","other-projects",2024,"Other",[142,166],"https:\u002F\u002Fwww.x-bionic.com",{"width":41,"height":41,"id":291,"url":292,"alt":284,"type":40},"cm9zewdgr00ao13dr8nmkiuyk","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fd366729a-4a84-4340-a753-6ddca8135d51",{"width":41,"height":41,"id":294,"url":295,"alt":296,"type":178},"cm9zewdgv00aq13drrtkmfc8p","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F4228da45-a3db-4ef0-9b75-7df6f4adb0af","Dior Logo CD Subtract","2025-02-05T17:49:45.819Z","2025-04-27T08:53:12.373Z",[],{"id":301,"language":11,"value":302,"type":25},"cm9zewdh600c613drwa9k4xsb",{"type":18,"content":303},[304],{"type":21,"content":305},[306],{"text":307,"type":14},"Sharing a collection of project highlights that showcase the diversity of challenges and solutions from various projects I've worked on. These “bites” give a snapshot of the technical solutions, and creative problem-solving that went into each project.",{"id":309,"language":11,"value":310,"type":14},"cm9zewdh600c313drsht43wl6",{"text":311},"Project Bites",{"id":313,"language":11,"value":314,"type":25},"cm9zewdh600c713drvgr0zwk2",{"type":18,"content":315},[316],{"type":21,"content":317},[318],{"text":319,"type":14},"From crafting new icon languages and expanding visual identities to designing seamless interactions and packaging for global distribution, these highlights illustrate the breadth of my contributions across multiple platforms and industries.\"",[321,324,327],{"id":322,"name":323,"role":147},"cm9zewdh500c013dr4fwpw14c","Jonas Auernhammer ",{"id":325,"name":326,"role":147},"cm9zewdh500c113drjs1u75gq","Kristina Nikaj",{"id":328,"name":329,"role":330},"cm9zewdh500c213dr0ysok2ad","Daan Klaver","Creative Direction",{"tags":332,"themeColor":335,"platform":142,"type":336,"technologies":337,"id":344,"title":355,"isFeatured":161,"isPrivate":6,"slug":356,"yearOfPublication":286,"brandName":357,"features":358,"url":360,"thumbnail":361,"logo":366,"createdAt":371,"updatedAt":372,"metrics":373,"description":397,"heading":405,"extendedDescription":409,"footnote":426,"credits":443},[333,334],"wallet ","geldbeutel","#111112","Configurator",[338,345,350],{"id":339,"category":340,"technologies":341,"caseStudyId":344},"cml76kk1g007stonzj963h702","Frontend",[342,343],"Vue.Js","Three.js","1",{"id":346,"category":347,"technologies":348,"caseStudyId":344},"cml76kk1g007ttonz3dx7hpsa","CMS",[349],"Shopify",{"id":351,"category":352,"technologies":353,"caseStudyId":344},"cml76kk1g007utonz0h4l9tcy","Hosting",[354],"Vercel","Lockcard ","lockcard","Lockcard",[359,142],"threeD","https:\u002F\u002Fconfigurator.lockcard.com\u002F",{"width":169,"height":362,"id":363,"url":364,"alt":365,"type":40},1620,"cml76kk11005otonzb9di144k","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F090e0dd0-b7cd-4da9-bd5b-2097f0cc0130","Lockcard Thumbnail",{"width":174,"height":174,"id":367,"url":368,"alt":369,"type":370},"cml76kk15005qtonzus7vml8h","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F59f6782a-baaa-4934-9331-d3206c4d82b8","Lockcard Logo","image\u002Fpng","2025-01-31T10:16:12.893Z","2026-02-03T22:38:59.183Z",[374,381,389],{"id":375,"value":376,"order":41,"title":377},"cml76kk1f0076tonz634dd813","1m +",{"id":378,"language":11,"value":379,"type":14},"cml76kk1f0077tonzeex7sko0",{"text":380},"Annual Users",{"id":382,"value":383,"order":384,"title":385},"cml76kk1f0079tonz0goutz1w","4.8",1,{"id":386,"language":11,"value":387,"type":14},"cml76kk1f007atonzftje029e",{"text":388},"Ø User Rating",{"id":390,"value":391,"order":392,"title":393},"cml76kk1f007ctonzyyapi0oc","2x",2,{"id":394,"language":11,"value":395,"type":14},"cml76kk1f007dtonzzk1pjivy",{"text":396},"Custom bundles sold",{"id":398,"language":11,"value":399,"type":14},"cml76kk1g007ltonzcedrpr0c",{"type":18,"content":400},[401],{"type":21,"content":402},[403],{"text":404,"type":14},"Lockcard entrusted us with building an advanced 3D configurator for their popular modular wallets. We provided a seamless digital shopping experience, allowing their users to effortlessly customize their wallets to suit their needs. Designing the configurator involved an extensive prototyping phase, where we explored various.",{"id":406,"language":11,"value":407,"type":14},"cml76kk1f007itonz0gsbzb1z",{"text":408},"Introducing the new Lockcard Wallet Configurator",{"id":410,"language":11,"value":411,"type":25},"cml76kk1g007mtonzng7nf8ot",{"type":18,"content":412},[413,422],{"type":21,"content":414},[415,417,419,420],{"text":416,"type":14},"Designing the configurator involved an extensive prototyping phase, where we explored various user flows and design paths. We maintained a close collaboration with the Lockcard team with regular check-ins to ensure a solution perfectly tailored to their audience. When working on the UI, we elevated Lockcard's design language while ensuring it remained consistent with their existing e-commerce platform.",{"type":418},"hardBreak",{"type":418},{"text":421,"type":14},"We used their existing Shopify as the Backend, Vue.js for dynamic ",{"type":21,"content":423},[424],{"text":425,"type":14},"interfaces, Vercel for seamless hosting and Three.js for 3D interactions",{"id":427,"language":11,"value":428,"type":25},"cml76kk1g007otonzo38ns1rk",{"type":18,"content":429},[430],{"type":21,"content":431},[432,434,435,437,438,440,441],{"text":433,"type":14},"If you'd like to share our work publicly, we kindly request that you tag us visibly on the platform.",{"type":418},{"text":436,"type":14},"This ensures proper attribution, which is important in the creative space for recognizing the",{"type":418},{"text":439,"type":14},"effort and creativity involved. Including our website or account handle helps maintain transparency",{"type":418},{"text":442,"type":14},"and supports the ethical sharing of content.",[444,446,449],{"id":445,"name":213,"role":147},"cml76kk1f007ftonz2l2yefxt",{"id":447,"name":448,"role":158},"cml76kk1f007gtonzf2r5l5tu","Thomas Fichtner",{"id":450,"name":451,"role":452},"cml76kk1f007htonzou55obgz","Jip Newland","Models"]