[{"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,212,278,398,477],{"tags":140,"themeColor":141,"platform":142,"type":143,"technologies":144,"id":150,"title":161,"isFeatured":162,"isPrivate":162,"slug":163,"yearOfPublication":164,"brandName":165,"features":166,"url":168,"thumbnail":169,"logo":172,"createdAt":177,"updatedAt":178,"metrics":179,"description":180,"heading":188,"extendedDescription":192,"credits":200},[],"#090713","desktop","Packaging",[145,151,156],{"id":146,"category":147,"technologies":148,"caseStudyId":150},"cm9zewdh600cb13drfe2v7ozy","Animation",[149],"After Effects","5",{"id":152,"category":153,"technologies":154,"caseStudyId":150},"cm9zewdh600cc13dru48x0scs","Design ",[155],"Figma",{"id":157,"category":158,"technologies":159,"caseStudyId":150},"cm9zewdh600cd13drwiiz53rc","Protoype",[160],"Protopie","Other Projects",true,"other-projects",2024,"Other",[142,167],"innovation","https:\u002F\u002Fwww.x-bionic.com",{"width":41,"height":41,"id":170,"url":171,"alt":161,"type":40},"cm9zewdgr00ao13dr8nmkiuyk","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fd366729a-4a84-4340-a753-6ddca8135d51",{"width":41,"height":41,"id":173,"url":174,"alt":175,"type":176},"cm9zewdgv00aq13drrtkmfc8p","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F4228da45-a3db-4ef0-9b75-7df6f4adb0af","Dior Logo CD Subtract","image\u002Fsvg+xml","2025-02-05T17:49:45.819Z","2025-04-27T08:53:12.373Z",[],{"id":181,"language":11,"value":182,"type":25},"cm9zewdh600c613drwa9k4xsb",{"type":18,"content":183},[184],{"type":21,"content":185},[186],{"text":187,"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":189,"language":11,"value":190,"type":14},"cm9zewdh600c313drsht43wl6",{"text":191},"Project Bites",{"id":193,"language":11,"value":194,"type":25},"cm9zewdh600c713drvgr0zwk2",{"type":18,"content":195},[196],{"type":21,"content":197},[198],{"text":199,"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.\"",[201,205,208],{"id":202,"name":203,"role":204},"cm9zewdh500c013dr4fwpw14c","Jonas Auernhammer ","Design",{"id":206,"name":207,"role":204},"cm9zewdh500c113drjs1u75gq","Kristina Nikaj",{"id":209,"name":210,"role":211},"cm9zewdh500c213dr0ysok2ad","Daan Klaver","Creative Direction",{"tags":213,"themeColor":214,"platform":142,"type":215,"technologies":216,"id":217,"title":218,"isFeatured":162,"isPrivate":162,"slug":218,"yearOfPublication":219,"brandName":218,"features":220,"url":222,"thumbnail":223,"logo":229,"createdAt":236,"updatedAt":237,"metrics":238,"description":239,"heading":247,"extendedDescription":251,"footnote":259,"credits":277},[],"","App",[],"cmg5lz5yz0019122phahtegr2","nsave",2025,[221,142],"mobile","https:\u002F\u002Fwww.nsave.com",{"width":224,"height":225,"id":226,"url":227,"alt":228,"type":40},1920,1080,"cml2k6eho000stonze6l91054","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F1fe47700-3284-4454-a834-c244523f4163","nsave investment tab nike stock detail view",{"width":230,"height":231,"id":232,"url":233,"alt":234,"type":235},481,480,"cml2k6ehp000utonzmm32gnp3","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F3be34b36-56fe-4d45-9d09-ba483125d330","logo nsave","image\u002Fpng","2025-09-29T20:56:11.000Z","2026-01-31T17:01:02.558Z",[],{"id":240,"language":11,"value":241,"type":25},"cml2k6ehq000xtonzh6s9hluw",{"type":18,"content":242},[243],{"type":21,"content":244},[245],{"text":246,"type":14},"As the Founding Product Designer at nsave, I led the design across the mobile banking app, website, and brand identity, unifying them into a seamless and trusted experience. ",{"id":248,"language":11,"value":249,"type":14},"cml2k6ehq000vtonzxz67r5h3",{"text":250},"Earn globally, spend locally.",{"id":252,"language":11,"value":253,"type":25},"cml2k6ehq000ztonz88gz4579",{"type":18,"content":254},[255],{"type":21,"content":256},[257],{"text":258,"type":14},"From early research and low-fidelity explorations to a refined design system, every detail was crafted to create an interface that feels simple, secure, and empowering.",{"id":260,"language":11,"value":261,"type":25},"cml2k6ehq0011tonzpoz8nz0c",{"type":18,"content":262},[263],{"type":21,"content":264},[265,267,269,271,272,274,275],{"text":266,"type":14},"If you'd like to share our work publicly, we kindly request that you tag us visibly on the platform.",{"type":268},"hardBreak",{"text":270,"type":14},"This ensures proper attribution, which is important in the creative space for recognizing the",{"type":268},{"text":273,"type":14},"effort and creativity involved. Including our website or account handle helps maintain transparency",{"type":268},{"text":276,"type":14},"and supports the ethical sharing of content.",[],{"tags":279,"themeColor":282,"platform":142,"type":283,"technologies":284,"id":291,"title":302,"isFeatured":162,"isPrivate":6,"slug":303,"yearOfPublication":164,"brandName":304,"features":305,"url":307,"thumbnail":308,"logo":314,"createdAt":319,"updatedAt":320,"metrics":321,"description":345,"heading":353,"extendedDescription":357,"footnote":373,"credits":386},[280,281],"wallet ","geldbeutel","#111112","Configurator",[285,292,297],{"id":286,"category":287,"technologies":288,"caseStudyId":291},"cml76kk1g007stonzj963h702","Frontend",[289,290],"Vue.Js","Three.js","1",{"id":293,"category":294,"technologies":295,"caseStudyId":291},"cml76kk1g007ttonz3dx7hpsa","CMS",[296],"Shopify",{"id":298,"category":299,"technologies":300,"caseStudyId":291},"cml76kk1g007utonz0h4l9tcy","Hosting",[301],"Vercel","Lockcard ","lockcard","Lockcard",[306,142],"threeD","https:\u002F\u002Fconfigurator.lockcard.com\u002F",{"width":309,"height":310,"id":311,"url":312,"alt":313,"type":40},2880,1620,"cml76kk11005otonzb9di144k","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F090e0dd0-b7cd-4da9-bd5b-2097f0cc0130","Lockcard Thumbnail",{"width":315,"height":315,"id":316,"url":317,"alt":318,"type":235},128,"cml76kk15005qtonzus7vml8h","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F59f6782a-baaa-4934-9331-d3206c4d82b8","Lockcard Logo","2025-01-31T10:16:12.893Z","2026-02-03T22:38:59.183Z",[322,329,337],{"id":323,"value":324,"order":41,"title":325},"cml76kk1f0076tonz634dd813","1m +",{"id":326,"language":11,"value":327,"type":14},"cml76kk1f0077tonzeex7sko0",{"text":328},"Annual Users",{"id":330,"value":331,"order":332,"title":333},"cml76kk1f0079tonz0goutz1w","4.8",1,{"id":334,"language":11,"value":335,"type":14},"cml76kk1f007atonzftje029e",{"text":336},"Ø User Rating",{"id":338,"value":339,"order":340,"title":341},"cml76kk1f007ctonzyyapi0oc","2x",2,{"id":342,"language":11,"value":343,"type":14},"cml76kk1f007dtonzzk1pjivy",{"text":344},"Custom bundles sold",{"id":346,"language":11,"value":347,"type":14},"cml76kk1g007ltonzcedrpr0c",{"type":18,"content":348},[349],{"type":21,"content":350},[351],{"text":352,"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":354,"language":11,"value":355,"type":14},"cml76kk1f007itonz0gsbzb1z",{"text":356},"Introducing the new Lockcard Wallet Configurator",{"id":358,"language":11,"value":359,"type":25},"cml76kk1g007mtonzng7nf8ot",{"type":18,"content":360},[361,369],{"type":21,"content":362},[363,365,366,367],{"text":364,"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":268},{"type":268},{"text":368,"type":14},"We used their existing Shopify as the Backend, Vue.js for dynamic ",{"type":21,"content":370},[371],{"text":372,"type":14},"interfaces, Vercel for seamless hosting and Three.js for 3D interactions",{"id":374,"language":11,"value":375,"type":25},"cml76kk1g007otonzo38ns1rk",{"type":18,"content":376},[377],{"type":21,"content":378},[379,380,381,382,383,384,385],{"text":266,"type":14},{"type":268},{"text":270,"type":14},{"type":268},{"text":273,"type":14},{"type":268},{"text":276,"type":14},[387,390,394],{"id":388,"name":389,"role":204},"cml76kk1f007ftonz2l2yefxt","Jonas Auernhammer",{"id":391,"name":392,"role":393},"cml76kk1f007gtonzf2r5l5tu","Thomas Fichtner","Development",{"id":395,"name":396,"role":397},"cml76kk1f007htonzou55obgz","Jip Newland","Models",{"tags":399,"themeColor":214,"platform":142,"type":405,"technologies":406,"id":411,"title":401,"isFeatured":162,"isPrivate":162,"slug":421,"yearOfPublication":219,"brandName":401,"features":422,"url":425,"thumbnail":426,"logo":432,"createdAt":436,"updatedAt":437,"metrics":438,"description":439,"heading":447,"extendedDescription":451,"footnote":459,"credits":467},[400,401,402,403,404],"Case Study","Puma","Conmebol","AC Millan","Cumbre","Product Design",[407,412,416],{"id":408,"category":204,"technologies":409,"caseStudyId":411},"cml76p8de008qtonzbwbhh7vw",[410],"Adobe Illustrator","3",{"id":413,"category":393,"technologies":414,"caseStudyId":411},"cml76p8de008rtonzlkufwnmb",[415],"Puma T1",{"id":417,"category":418,"technologies":419,"caseStudyId":411},"cml76p8de008stonz6ud8x598","Visualization",[420],"Blender","puma",[423,424],"teamsport","colors-and-materials","https:\u002F\u002Fwww.puma.com",{"width":427,"height":428,"id":429,"url":430,"alt":431,"type":40},4908,2761,"cml76p8d5007xtonzsn7aim23","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F6f649d43-a7f2-4787-95bb-3f9968c0275b","PUMA YOGA THUMBNAIL",{"width":315,"height":315,"id":433,"url":434,"alt":435,"type":176},"cml76p8d8007ztonzjymk6vta","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Ff4ddce75-5b81-4bfa-a574-1e0dce6b97a6","Puma Logo Cat Negative","2025-02-05T17:31:41.782Z","2026-02-03T22:42:37.344Z",[],{"id":440,"language":11,"value":441,"type":25},"cml76p8dd008itonzgte7jzx2",{"type":18,"content":442},[443],{"type":21,"content":444},[445],{"text":446,"type":14},"At PUMA, I am designing the next generation of teamsport equipment, covering everything from performance balls and goalkeeper gloves to shin guards, rackets, and sports bags. The focus lies in creating high-quality, functional gear that meets the needs of both professional athletes and everyday players around the world.",{"id":448,"language":11,"value":449,"type":14},"cml76p8dd008gtonzlu8x1ayz",{"text":450},"Empowering Greatness: Elevating Athletes to New Heights",{"id":452,"language":11,"value":453,"type":25},"cml76p8de008ktonzuhf5jf3n",{"type":18,"content":454},[455],{"type":21,"content":456},[457],{"text":458,"type":14},"Collaborating with first-division clubs like Manchester City, AC Milan, and other top-tier partners, the work blends innovation with deep brand identity. Each product is crafted to reflect PUMA’s performance standards and design DNA, while pushing the boundaries of what modern teamsport gear can offer.",{"id":460,"language":11,"value":461,"type":25},"cml76p8de008ntonzsg9i6jsp",{"type":18,"content":462},[463],{"type":21,"content":464},[465],{"text":466,"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. At vero eos et accusam et justo duo dolores et ea rebum. ",[468,470,473],{"id":469,"name":389,"role":204},"cml76p8dd008dtonz9sht7brq",{"id":471,"name":472,"role":211},"cml76p8dd008etonz4q05bkpr","Harald Barani",{"id":474,"name":475,"role":476},"cml76p8dd008ftonzn7eks7w8","Dorn Pablo","3D Modeling",{"tags":478,"themeColor":479,"platform":142,"type":283,"technologies":480,"id":486,"title":82,"isFeatured":162,"isPrivate":6,"slug":496,"yearOfPublication":219,"brandName":82,"features":497,"url":498,"thumbnail":499,"logo":503,"createdAt":507,"updatedAt":508,"metrics":509,"description":531,"heading":539,"extendedDescription":543,"footnote":556,"credits":570},[],"#161009",[481,487,491],{"id":482,"category":483,"technologies":484,"caseStudyId":486},"cml77143o00bntonz16i80ee4","Platform",[485],"vitra.com","2",{"id":488,"category":489,"technologies":490,"caseStudyId":486},"cml77143o00botonz2ndy9mfu","Type",[129],{"id":492,"category":493,"technologies":494,"caseStudyId":486},"cml77143o00bptonz7b5j03ev","Duration",[495],"4 m","vitra",[142,306],"https:\u002F\u002Fvitra.com",{"width":224,"height":225,"id":500,"url":501,"alt":502,"type":40},"cml771437008wtonzv5hrrjc4","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F74394103-76ec-4697-a98d-7f29d9859b4d","Modern room with furniture from Vitra",{"width":315,"height":315,"id":504,"url":505,"alt":506,"type":176},"cml77143a008ytonzwbhqxbrz","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fea12051e-61a6-406f-9165-801343cff652","Logo Vitra V.","2025-02-04T21:17:15.308Z","2026-02-03T22:51:51.676Z",[510,517,524],{"id":511,"value":512,"order":41,"title":513},"cml77143n00b0tonz6twu1vdr","4.8m",{"id":514,"language":11,"value":515,"type":14},"cml77143n00b1tonzl3oi78i5",{"text":516},"Ø Annual Users ",{"id":518,"value":519,"order":332,"title":520},"cml77143n00b3tonzvj73lzyz","28+",{"id":521,"language":11,"value":522,"type":14},"cml77143n00b4tonzu5jw9w5b",{"text":523},"Product Categories",{"id":525,"value":526,"order":340,"title":527},"cml77143n00b6tonzhf6xj1wc","645",{"id":528,"language":11,"value":529,"type":14},"cml77143n00b7tonzlih38c8m",{"text":530},"Configurable Products ",{"id":532,"language":11,"value":533,"type":25},"cml77143o00betonzm5jvmsza",{"type":18,"content":534},[535],{"type":21,"content":536},[537],{"text":538,"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":540,"language":11,"value":541,"type":14},"cml77143o00bctonzhpe8ju46",{"text":542},"Vitra: Flagship Furniture Configurator",{"id":544,"language":11,"value":545,"type":25},"cml77143o00bgtonzuicnt2oo",{"type":18,"content":546},[547,551,552],{"type":21,"content":548},[549],{"text":550,"type":14},"Together with a colleague, I designed a configurator that allowed users to easily customize a wide range of products—from office chairs to sofas and tables—offering real-time visual feedback on materials, colors, and configurations. We also integrated a built-in comparison tool to help users make informed decisions without leaving the product flow. ",{"type":21},{"type":21,"content":553},[554],{"text":555,"type":14},"We seamlessly integrated the configurator into Vitra’s platform while setting the stage for a future redesign of the entire site. This approach ensured the tool not only elevated the current shopping experience but also aligned with Vitra’s long-term digital vision.",{"id":557,"language":11,"value":558,"type":25},"cml77143o00bitonzpkuvto1s",{"type":18,"content":559},[560],{"type":21,"content":561},[562,563,564,565,566,568,569],{"text":266,"type":14},{"type":268},{"text":270,"type":14},{"type":268},{"text":567,"type":14},"effort and creativity involved. Including my website or account handle helps maintain transparency",{"type":268},{"text":276,"type":14},[571,574,577],{"id":572,"name":573,"role":204},"cml77143n00b9tonzoqkeitjn","Charlotte Scherf, Jonas Auernhammer",{"id":575,"name":576,"role":211},"cml77143n00batonzvflg9b98","Daan Klaver, Jerrie Buhrman",{"id":578,"name":579,"role":580},"cml77143n00bbtonzborlt4k5","Karla Vincheva","Project Management"]