[{"data":1,"prerenderedAt":151},["ShallowReactive",2],{"$f2yphctf43zi0n":3},{"pages":4,"work":42},[5,11,17,23,30,36],{"id":6,"name":7,"slug":8,"type":8,"description":9,"html":10},"3f470fd9-1edd-8112-8522-e08e2ce4467b","Contact","contact","Email is the reliable way to reach me.","\u003Cp>Email is the reliable way to reach me. Copy it from this page. GitHub, LinkedIn, and my CV are linked as well.\u003C\u002Fp>",{"id":12,"name":13,"slug":14,"type":14,"description":15,"html":16},"3f470fd9-1edd-811f-9312-d31c8f7a7960","Home","home","I enjoy taking a design, or just an idea for a website, and making it into a site that is useful and easy to use, for both the owner and the user.","\u003Cp>I enjoy taking a design, or an idea for a website, and making it into a site that is useful and easy to use, for both the owner and the user.\u003C\u002Fp>",{"id":18,"name":19,"slug":20,"type":20,"description":21,"html":22},"3f470fd9-1edd-8173-a56b-c8c72d0e52fe","About","about","I build CMS-backed websites in Berlin, from a design or an idea through to a site someone else can update.","\u003Cp>I am a front-end developer based in Berlin. \u003C\u002Fp>\n\u003Cp>I enjoy turning a design or an idea for a website into something useful and easy to use. Most of my work bridges the gap between the people who need a site and the system that runs it. I draw on my experience to understand clients’ needs and build reliable, easy-to-use tools. I have also done this work as part of a larger agency.  \u003C\u002Fp>\n\u003Cp>Sometimes I work directly with clients, managing the project as a product owner; I’m also comfortable working alongside product owners. In either case, clear documentation and regular updates help everything run smoothly.\u003C\u002Fp>\n\u003Ch2>Experience\u003C\u002Fh2>\n\u003Cp>Most recently, as a freelancer, I rebuilt Krisenchat, transforming it from a hardcoded site into a reusable, headless one.\u003C\u002Fp>\n\u003Cp>At Tinloof, I collaborated with designers on the content model, then built sites from that model and their designs: Mario Testino, Rascals, and Codemod.\u003C\u002Fp>\n\u003Cp>Earlier, I independently handled the concept, design, and development for Auratyk, Donagh Long, and Bumblebee Flower Farm.\u003C\u002Fp>\n\u003Ch2>What I usually work with\u003C\u002Fh2>\n\u003Cp>Nuxt and Next, TypeScript, Sanity and Notion, and Shopify\u002FStripe for online stores.\u003C\u002Fp>",{"id":24,"name":25,"slug":26,"type":27,"description":28,"html":29},"3f470fd9-1edd-8178-bf80-dcc44f0ae345","Imprint","imprint","legal","Legal notice for this website.","\u003Cp>Jake Riordan\u003C\u002Fp>\n\u003Cp>Berlin\u003C\u002Fp>\n\u003Cp>Email: \u003Ca href=\"mailto:contact@jakeriordan.dev\">contact@jakeriordan.dev\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>Responsible for the content of this website: Jake Riordan.\u003C\u002Fp>\n\u003Cp>Postal address: Lübecker Str. 43, 10559 Berlin, Germany\u003C\u002Fp>",{"id":31,"name":32,"slug":33,"type":33,"description":34,"html":35},"3f470fd9-1edd-81ad-8cd3-c46e383b9ad3","Work","work","Sites I have worked on, from freelance rebuilds to agency builds.","\u003Cp>A short account of selected websites I have worked on.\u003C\u002Fp>",{"id":37,"name":38,"slug":39,"type":27,"description":40,"html":41},"3f470fd9-1edd-81b0-8f41-e212e14a550d","Privacy","privacy","How this website handles data. There are no tracking cookies.","\u003Cp>This website does not use analytics, advertising, or tracking. It does not set cookies.\u003C\u002Fp>\n\u003Cp>The pages are generated ahead of time. Opening the site does not send a record of your visit anywhere else.\u003C\u002Fp>\n\u003Cp>There is no contact form. If you send an email, I read it in order to reply. I do not pass that message through a form provider on this site.\u003C\u002Fp>\n\u003Cp>The CV is a file hosted with the site. Downloading it does not require an account.\u003C\u002Fp>",[43,62,79,92,105,122,136],{"id":44,"name":45,"slug":46,"order":47,"year":48,"url":49,"context":50,"organization":51,"roles":52,"summary":55,"contribution":56,"stack":57,"html":58,"images":59},"3f470fd9-1edd-817c-9604-fe926fc05487","Krisenchat","krisenchat",1,2026,"https:\u002F\u002Fwww.krisenchat.de\u002F","Independent",null,[53,54],"Development","Content modelling","A public-facing website for Krisenchat, a German chat-based counselling service for young people, explaining the service and how to access it.","I rebuilt the hardcoded site using reusable components and a headless CMS, so editors can manage content and publish pages without changing the code.","Headless CMS","\u003Cp>Krisenchat is a German chat-based counselling service for young people. Its public-facing website explains the service and how to access it.\u003C\u002Fp>\n\u003Cp>The existing site was close to the intended design intention, but lacking in several key areas, and its hardcoded pages made content updates and new pages difficult for editors.\u003C\u002Fp>\n\u003Cp>I rebuilt it as a reusable, headless site with three aims: simplify editing, follow the existing design system and make future development easier.\u003C\u002Fp>\n\u003Cp>The rebuilt site meets all three aims. Editors can now update content and publish pages without a developer, while the reusable structure makes future changes easier.\u003C\u002Fp>",[60],{"src":61,"alt":45},"\u002Fmedia\u002Fkrisenchat-1.jpg",{"id":63,"name":64,"slug":65,"order":66,"year":67,"url":68,"context":69,"organization":70,"roles":71,"summary":72,"contribution":73,"stack":74,"html":75,"images":76},"3f470fd9-1edd-81c6-bb6b-e492017b16c0","Mario Testino","mario-testino",2,2024,"https:\u002F\u002Fmariotestino.com\u002F","Agency","Tinloof",[54,53],"A website for photographer Mario Testino, presenting an editorial archive of fashion and portrait photography.","At Tinloof, I worked with the designers to define the content model, then built the site from the model and designs.","Next.js, TypeScript, Sanity, Tailwind","\u003Cp>A website for photographer Mario Testino, presenting an editorial archive of fashion and portrait photography.\u003C\u002Fp>\n\u003Cp>The site needed to support an archive growing from hundreds to thousands of images, make different bodies of work easy to find and present them in a way that suited the photography.\u003C\u002Fp>\n\u003Cp>At Tinloof, I worked with the designers to define the content model, then built the site from the model and designs.\u003C\u002Fp>\n\u003Cp>The archive supports this volume of photography and brings the different bodies of work together in one place.\u003C\u002Fp>",[77],{"src":78,"alt":64},"\u002Fmedia\u002Fmario-testino-1.jpg",{"id":80,"name":81,"slug":82,"order":83,"year":67,"url":84,"context":69,"organization":70,"roles":85,"summary":86,"contribution":87,"stack":74,"html":88,"images":89},"3f470fd9-1edd-8177-9482-d813d06a12db","Rascals","rascals",3,"https:\u002F\u002Fwww.rascalsbaby.com\u002F",[54,53],"An online baby clothing shop with storefronts for multiple countries and languages.","At Tinloof, I worked with another developer and the designers to define the content model, then we built the site from the model and designs.","\u003Cp>Rascals is an online baby clothing shop with storefronts for multiple countries and languages.\u003C\u002Fp>\n\u003Cp>The site needed to serve different languages and regional markets based on the visitor’s location, while giving editors a straightforward way to manage content across them.\u003C\u002Fp>\n\u003Cp>At Tinloof, I worked with another developer and the designers to define the content model, then we built the site from the model and designs.\u003C\u002Fp>\n\u003Cp>Editors can publish across markets from one place, while visitors see the storefront suited to their language and region.\u003C\u002Fp>",[90],{"src":91,"alt":81},"\u002Fmedia\u002Frascals-1.jpg",{"id":93,"name":94,"slug":95,"order":96,"year":67,"url":97,"context":69,"organization":70,"roles":98,"summary":99,"contribution":100,"stack":74,"html":101,"images":102},"3f470fd9-1edd-8101-99bd-fbd9e6d89ec4","Codemod","codemod",4,"https:\u002F\u002Fcodemod.com\u002F",[54,53],"A website for Codemod, a platform for large-scale code changes, with a blog and codemod registry.","At Tinloof, I worked with the designers to define the content model and built the front end. I also collaborated with the client’s back-end team to build the codemod registry.","\u003Cp>Codemod builds tools for large-scale code changes. The website explains the product and includes a blog and a codemod registry.\u003C\u002Fp>\n\u003Cp>The site needed to be fast, reflect the client’s visual direction and let editors manage content in one place. The registry combines codemods from the client’s API with content managed in Sanity.\u003C\u002Fp>\n\u003Cp>At Tinloof, I worked with the designers to define the content model, then built the front end from the model and designs. I also collaborated with the client’s back-end team on the registry.\u003C\u002Fp>\n\u003Cp>Editors can manage the blog, website pages and supporting registry content in Sanity, while the API supplies the codemod data.\u003C\u002Fp>",[103],{"src":104,"alt":94},"\u002Fmedia\u002Fcodemod-1.jpg",{"id":106,"name":107,"slug":108,"order":109,"year":110,"url":111,"context":50,"organization":51,"roles":112,"summary":115,"contribution":116,"stack":117,"html":118,"images":119},"3f470fd9-1edd-8105-be12-efb06b3e7e9c","Donagh Long","donagh-long",5,2022,"https:\u002F\u002Fdonaghlong.com",[113,114,54,53],"Concept","Design","A website for Irish musician Donagh Long, with an integrated music shop and secure digital downloads.","I designed and developed the website, including a custom shop and secure digital download system. Pages and products are managed in the same CMS, so the client can update both without separate e-commerce software.","Next.js, TypeScript, Sanity, Stripe, Tailwind","\u003Cp>A website for Irish musician Donagh Long, with an integrated shop for music and digital downloads.\u003C\u002Fp>\n\u003Cp>The existing site was outdated and difficult to use. The client wanted to continue selling music directly through the website rather than hand the shop over to a third party.\u003C\u002Fp>\n\u003Cp>I designed and rebuilt the site so the client could create pages, edit content and upload music for secure delivery to customers. Pages and products are linked within the same CMS, reducing the need for manual updates across separate systems.\u003C\u002Fp>\n\u003Cp>The result is a clearer website and a simpler shop, with content and products managed in one place.\u003C\u002Fp>",[120],{"src":121,"alt":107},"\u002Fmedia\u002Fdonagh-long-1.jpg",{"id":123,"name":124,"slug":125,"order":126,"year":110,"url":127,"context":50,"organization":51,"roles":128,"summary":129,"contribution":130,"stack":131,"html":132,"images":133},"3f470fd9-1edd-8173-aaf2-fbf10a6fda7a","Auratyk","auratyk",6,"https:\u002F\u002Fauratyk.com\u002F",[113,114,54,53],"A website for audio-visual artist Auratyk, featuring releases, shows and a homepage that reflects the artist’s visual identity.","I developed the concept, designed the site and built it. Releases and shows are managed through a CMS, so new work can be published without code changes.","Nuxt, Vue, Three.js, Notion","\u003Cp>A website for audio-visual artist Auratyk, bringing together releases, shows and contact information.\u003C\u002Fp>\n\u003Cp>The artist needed a public presence beyond social media.\u003C\u002Fp>\n\u003Cp>I developed the concept, designed the site and built it around the artist’s practice. Releases, past shows and upcoming work are managed in Notion, which the artist already used. Animations, shaders and an audio player bring sound and image together, alongside links to Bandcamp, SoundCloud and Instagram.\u003C\u002Fp>\n\u003Cp>The site gives the artist a dedicated space to present work and connect with people, without relying solely on social media.\u003C\u002Fp>",[134],{"src":135,"alt":124},"\u002Fmedia\u002Fauratyk-1.jpg",{"id":137,"name":138,"slug":139,"order":140,"year":141,"url":142,"context":50,"organization":51,"roles":143,"summary":144,"contribution":145,"stack":146,"html":147,"images":148},"3f470fd9-1edd-81fc-8633-f298686342d6","Bumblebee Flower Farm","bumblebee-flower-farm",7,2021,"https:\u002F\u002Fbumblebeeflowerfarm.ie\u002F",[113,114,54,53],"An online shop for a flower farm in West Cork, with ordering aligned to harvest and courier schedules alongside the farm’s own writing.","I developed the concept, designed the site and built it. Shopify manages products and checkout, while a custom cart restricts orders to days that fit the harvest and courier schedules. Editorial pages are managed in Sanity, so the farm can publish without a developer.","Next.js, TypeScript, Sanity, Shopify","\u003Cp>An online shop for Bumblebee Flower Farm in West Cork, putting the flowers at the centre alongside the farm’s own writing.\u003C\u002Fp>\n\u003Cp>The farm needed an online shop that worked with the seasons and aligned orders with fixed harvest and courier days. The team needed to edit pages without a developer, and the shop had to be straightforward for customers unfamiliar with buying online.\u003C\u002Fp>\n\u003Cp>I developed the concept, designed the site and built it. Shopify manages products and checkout. A custom cart offers only days that fit both the harvest and courier schedules, then passes the order to Shopify. Sanity manages the editorial pages and connects them to the shop. A restrained design keeps the focus on the flowers and makes shopping simple.\u003C\u002Fp>\n\u003Cp>The site aligns orders with the harvest, communicates the farm’s mission and lets the team create pages without a developer. Sales also increased.\u003C\u002Fp>",[149],{"src":150,"alt":138},"\u002Fmedia\u002Fbumblebee-flower-farm-1.jpg",1791806853142]