[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-previews":3,"case-study-previews":129,"case-study-sections-nsave":363},["Reactive",4],[5,38,66,107],{"showImage":6,"isFeatured":6,"hero":7,"heroCaption":13,"id":14,"title":15,"shortDescription":21,"category":32,"tags":33,"readingDuration":34,"createdAt":35,"updatedAt":36,"slug":37},false,{"id":8,"url":9,"alt":10,"type":11,"width":12,"height":12},"cm98pazwz01fyc8nkkbl5j6fg","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F0623dcd8-36e7-46d3-9738-4705c440c2bf","Platform Examples","image\u002Fwebp",0,null,"cm8l9um2w006z14ofism8znn5",{"id":16,"language":17,"value":18,"type":20},"cm98pazwy01fsc8nk6s3p43ff","en",{"text":19},"The architecture of modern eCommerce platforms","text",{"id":22,"language":17,"value":23,"type":31},"cm98pazwz01fuc8nk67upqvuy",{"type":24,"content":25},"doc",[26],{"type":27,"content":28},"paragraph",[29],{"text":30,"type":20},"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. ","richText","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":39,"heroCaption":13,"id":44,"title":45,"shortDescription":49,"category":57,"tags":58,"readingDuration":62,"createdAt":63,"updatedAt":64,"slug":65},{"id":40,"url":41,"alt":42,"type":43,"width":12,"height":12},"cm9ctxjio000o12zwkrijxeww","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fd1dc6d4d-9292-4aa3-abfd-a61662bd1428","New Ecommerce Overview","video\u002Fmp4","cm8u8zmxf018o13z9ras6v433",{"id":46,"language":17,"value":47,"type":20},"cm9ctxjin000i12zw1elqhr0y",{"text":48},"Smart eCommerce is Transforming Online Shopping",{"id":50,"language":17,"value":51,"type":31},"cm9ctxjin000k12zwr2ygg8vh",{"type":24,"content":52},[53],{"type":27,"content":54},[55],{"text":56,"type":20},"In this article, we explore how brands are leading the way with innovative tools and strategies to redefine digital retail.","Ecommerce",[59,60,61],"ECOMMERCE","CONFIGURATOR","FINDER",14,"2025-03-29T13:29:13.683Z","2025-04-11T13:35:19.051Z","smart-ecommerce-is-transforming-online-shopping",{"showImage":6,"isFeatured":6,"hero":67,"heroCaption":71,"id":87,"title":88,"shortDescription":92,"category":100,"tags":101,"readingDuration":103,"createdAt":104,"updatedAt":105,"slug":106},{"id":68,"url":69,"alt":70,"type":11,"width":12,"height":12},"cm9ibgjfb00fy3fbt1ojhhzz2","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F44644739-e704-437a-9228-c56606bff571","Img src: https:\u002F\u002Faiut.com\u002Fwp-content\u002Fuploads\u002F2020\u002F02\u002F01_top_linie-i-stanowiska-produkcyjne.png",{"id":72,"language":17,"value":73,"type":31},"cm9ibgjfa00fq3fbtzryh3o67",{"type":24,"content":74},[75],{"type":27,"content":76},[77,79],{"text":78,"type":20},"Img src: ",{"text":80,"type":20,"marks":81},"https:\u002F\u002Faiut.com\u002Fwp-content\u002Fuploads\u002F2020\u002F02\u002F01_top_linie-i-stanowiska-produkcyjne.png",[82],{"type":83,"attrs":84},"link",{"rel":85,"href":80,"target":86},"noopener noreferrer nofollow","_blank","cm9i6eht8006p3fbtu6slupwe",{"id":89,"language":17,"value":90,"type":20},"cm9ibgjfb00fs3fbtxzrplckc",{"text":91},"Enabling Engineers to fix issues in production lines 4x faster on their HMIs ",{"id":93,"language":17,"value":94,"type":31},"cm9ibgjfb00fu3fbtgcs5r29i",{"type":24,"content":95},[96],{"type":27,"content":97},[98],{"text":99,"type":20},"In this article I share a UX-concept for HMIs in the engineering industry that I have developed during my time at Siemens.","USER EXPERIENCE DESIGN",[102],"Siemens",2,"2025-04-15T07:23:16.268Z","2025-04-15T09:44:49.750Z","enabling-engineers-to-fix-issues-in-production-lines-4x-faster-on-their-hmis",{"showImage":6,"isFeatured":6,"hero":13,"heroCaption":13,"id":108,"title":109,"shortDescription":113,"category":59,"tags":121,"readingDuration":126,"createdAt":127,"updatedAt":128,"slug":123},"cm8l9tbl5006s14of2lwhm6aw",{"id":110,"language":17,"value":111,"type":20},"cmr277t9p000f1t49hzseml16",{"text":112},"Configurators",{"id":114,"language":17,"value":115,"type":31},"cmr277t9q000h1t49uxjb81jw",{"type":24,"content":116},[117],{"type":27,"content":118},[119],{"text":120,"type":20},"In this article, we’ll explore what goes into building a great product configurator, sharing insights and lessons from our past projects.",[122,123,124,125],"configurator","configurators","apple","ecommerce",11,"2025-03-23T06:42:23.081Z","2026-07-01T14:56:27.369Z",["Reactive",130],[131,180,305],{"tags":132,"themeColor":133,"platform":134,"type":135,"technologies":136,"id":137,"title":138,"isFeatured":139,"isPrivate":139,"slug":140,"yearOfPublication":141,"brandName":138,"features":142,"url":144,"thumbnail":145,"logo":151,"createdAt":157,"updatedAt":158,"metrics":159,"description":160,"heading":168,"extendedDescription":172,"credits":179},[],"","desktop","Platform",[],"cma2927e80000os9w4yjc2tkp","Milde",true,"milde",2023,[134,143],"design-system","https:\u002F\u002Fwww.soehne.co",{"width":146,"height":147,"id":148,"url":149,"alt":150,"type":11},1920,1080,"cmqtxal430021s00um4sfmfjq","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F2fb56547-c0af-458d-bdc1-048158ac163c","Der Milde Hero",{"width":152,"height":152,"id":153,"url":154,"alt":155,"type":156},128,"cmqtxal490023s00um5he0fpr","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F20a741b1-d19d-4da8-bb46-eddc1bda7057","Logo Der Milde Zahnarzt","image\u002Fsvg+xml","2025-04-29T08:33:05.240Z","2026-06-25T19:56:31.215Z",[],{"id":161,"language":17,"value":162,"type":31},"cmqtxal4g0026s00u3h1bksrk",{"type":24,"content":163},[164],{"type":27,"content":165},[166],{"text":167,"type":20},"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":169,"language":17,"value":170,"type":20},"cmqtxal4f0024s00uird3wwnk",{"text":171},"Der Milde Dental Platform",{"id":173,"language":17,"value":174,"type":31},"cmqtxal4h0028s00uioc4j4oo",{"type":24,"content":175},[176],{"type":27,"content":177},[178],{"text":167,"type":20},[],{"tags":181,"themeColor":184,"platform":134,"type":185,"technologies":186,"id":193,"title":204,"isFeatured":139,"isPrivate":139,"slug":205,"yearOfPublication":206,"brandName":204,"features":207,"url":209,"thumbnail":210,"logo":216,"createdAt":221,"updatedAt":222,"metrics":223,"description":246,"heading":254,"extendedDescription":258,"footnote":275,"credits":292},[182,183],"wallet ","geldbeutel","#111112","Configurator",[187,194,199],{"id":188,"category":189,"technologies":190,"caseStudyId":193},"cmr25rszk00igitcxjqopfsy5","Frontend",[191,192],"Vue.Js","Three.js","1",{"id":195,"category":196,"technologies":197,"caseStudyId":193},"cmr25rszk00ihitcxzf5aulqp","CMS",[198],"Shopify",{"id":200,"category":201,"technologies":202,"caseStudyId":193},"cmr25rszk00iiitcxx8i64087","Hosting",[203],"Vercel","Lockcard","lockcard",2024,[208,134],"threeD","https:\u002F\u002Fconfigurator.lockcard.com\u002F",{"width":211,"height":212,"id":213,"url":214,"alt":215,"type":11},2880,1620,"cmr25rsyn00gcitcxmqrh0pjq","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F5f5d48c8-1362-45ab-8c62-8b1c06927347","Lockcard Thumbnail",{"width":152,"height":152,"id":217,"url":218,"alt":219,"type":220},"cmr25rsyv00geitcxl5mukcou","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F63647024-3dda-42f5-aeaa-5ff36c422ae0","Lockcard Logo","image\u002Fpng","2025-01-31T10:16:12.893Z","2026-07-01T14:16:00.884Z",[224,231,239],{"id":225,"value":226,"order":12,"title":227},"cmr25rszi00huitcxg4vs9rzh","1m +",{"id":228,"language":17,"value":229,"type":20},"cmr25rszi00hvitcxhpizngk2",{"text":230},"Annual Users",{"id":232,"value":233,"order":234,"title":235},"cmr25rszi00hxitcx783xeae9","4.8",1,{"id":236,"language":17,"value":237,"type":20},"cmr25rszi00hyitcxj29dn3le",{"text":238},"Ø User Rating",{"id":240,"value":241,"order":103,"title":242},"cmr25rszi00i0itcxe2fdi2qs","2x",{"id":243,"language":17,"value":244,"type":20},"cmr25rszj00i1itcxamh47ns6",{"text":245},"Custom bundles sold",{"id":247,"language":17,"value":248,"type":20},"cmr25rszj00i9itcx03m4bnyx",{"type":24,"content":249},[250],{"type":27,"content":251},[252],{"text":253,"type":20},"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":255,"language":17,"value":256,"type":20},"cmr25rszj00i6itcx4iub2z6w",{"text":257},"Introducing the new Lockcard Wallet Configurator",{"id":259,"language":17,"value":260,"type":31},"cmr25rszk00iaitcxh59ds6to",{"type":24,"content":261},[262,271],{"type":27,"content":263},[264,266,268,269],{"text":265,"type":20},"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":267},"hardBreak",{"type":267},{"text":270,"type":20},"We used their existing Shopify as the Backend, Vue.js for dynamic ",{"type":27,"content":272},[273],{"text":274,"type":20},"interfaces, Vercel for seamless hosting and Three.js for 3D interactions",{"id":276,"language":17,"value":277,"type":31},"cmr25rszk00icitcx0wlag7ru",{"type":24,"content":278},[279],{"type":27,"content":280},[281,283,284,286,287,289,290],{"text":282,"type":20},"If you'd like to share our work publicly, we kindly request that you tag us visibly on the platform.",{"type":267},{"text":285,"type":20},"This ensures proper attribution, which is important in the creative space for recognizing the",{"type":267},{"text":288,"type":20},"effort and creativity involved. Including our website or account handle helps maintain transparency",{"type":267},{"text":291,"type":20},"and supports the ethical sharing of content.",[293,297,301],{"id":294,"name":295,"role":296},"cmr25rszj00i3itcxat0bdhne","Jonas Auernhammer","Design",{"id":298,"name":299,"role":300},"cmr25rszj00i4itcxzgswqsu9","Thomas Fichtner","Development",{"id":302,"name":303,"role":304},"cmr25rszj00i5itcxhfpi75eg","Jip Newland","Models",{"tags":306,"themeColor":307,"platform":134,"type":308,"technologies":309,"id":310,"title":311,"isFeatured":139,"isPrivate":139,"slug":311,"yearOfPublication":312,"brandName":311,"features":313,"url":315,"thumbnail":316,"logo":320,"createdAt":326,"updatedAt":327,"metrics":328,"description":329,"heading":337,"extendedDescription":341,"footnote":349,"credits":362},[],"#130202","App",[],"cmg5lz5yz0019122phahtegr2","nsave",2025,[314,134],"mobile","https:\u002F\u002Fwww.nsave.com",{"width":146,"height":147,"id":317,"url":318,"alt":319,"type":11},"cmr7vvkdc00et1t49eyirz9he","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002Fdde699e5-3644-4c34-a2f4-a2f82bc7321a","nsave investment tab nike stock detail view",{"width":321,"height":322,"id":323,"url":324,"alt":325,"type":220},481,480,"cmr7vvkdf00ev1t497q5ccnal","https:\u002F\u002Fcms.soehne.co\u002Fsoehne\u002F732caf58-2a5f-400b-8ae8-89e2625db8de","logo nsave","2025-09-29T20:56:11.000Z","2026-07-05T14:25:37.256Z",[],{"id":330,"language":17,"value":331,"type":31},"cmr7vvkdl00ey1t49qd3r5518",{"type":24,"content":332},[333],{"type":27,"content":334},[335],{"text":336,"type":20},"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":338,"language":17,"value":339,"type":20},"cmr7vvkdk00ew1t49elrj2b4z",{"text":340},"Swiss level banking for emerging markets",{"id":342,"language":17,"value":343,"type":31},"cmr7vvkdl00f01t49megd4ls4",{"type":24,"content":344},[345],{"type":27,"content":346},[347],{"text":348,"type":20},"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":350,"language":17,"value":351,"type":31},"cmr7vvkdl00f21t492qusj9qr",{"type":24,"content":352},[353],{"type":27,"content":354},[355,356,357,358,359,360,361],{"text":282,"type":20},{"type":267},{"text":285,"type":20},{"type":267},{"text":288,"type":20},{"type":267},{"text":291,"type":20},[],{"sections":13,"preview":364},["Reactive",305]]