CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><title>Howells Studio 鈥斅燱eb Design and Development</title><meta name="description" content="The UK-based digital studio of Daniel Howells, specialising in website and application design and development, available for project commissions and consultation. Expertise with UX/UI design and prototyping, and development specifically using React, Next.js, Craft CMS."/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="icon" href="/favicon.ico"/><link rel="canonical" href="https://www.howellsstudio.com/"/><meta name="next-head-count" content="6"/><link rel="preload" href="/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/900bf2933d295130.css" as="style"/><link rel="stylesheet" href="/_next/static/css/900bf2933d295130.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-b8f8d6679aaa5f42.js" defer=""></script><script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script><script src="/_next/static/chunks/main-2ae45a70cd68753a.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ccd7b4d0a8af71b7.js" defer=""></script><script src="/_next/static/chunks/835-1a997b08cd8a42b9.js" defer=""></script><script src="/_next/static/chunks/pages/index-b3f3776f9627360b.js" defer=""></script><script src="/_next/static/EcM9OZwoKfhMyM5mj5ldf/_buildManifest.js" defer=""></script><script src="/_next/static/EcM9OZwoKfhMyM5mj5ldf/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="__variable_a64ecd font-sans"><div class="fixed top-8 right-8 left-0 bottom-0 lg:inset-0 z-50 transition duration-300 ease-out" style="background-color:transparent"><div class="relative max-lg:h-full lg:absolute top-0 bottom-1/3 bg-white w-full lg:w-1/2 z-50 text-base md:leading-relaxed"><div class="p-8 flex flex-col h-full"><div class="space-y-4"><h1 class="text-gray-800 flex items-center space-x-1 transition duration-300 ease-out" style="color:currentColor">Howells Studio</h1><div class="text-gray-500 font-light max-w-prose">The UK-based digital studio of Daniel Howells, specialising in website and application design and development, available for project commissions and consultation. Expertise with UX/UI design and prototyping, and development specifically using React, Next.js, Craft CMS. <a href="mailto:daniel@howellsstudio.com" class="text-gray-900 underline underline-offset-4 decoration-gray-300 hover:decoration-gray-500 transition duration-1000 whitespace-nowrap">Contact me</a>.</div></div><div class="pt-6 mt-auto text-sm leading-[1.75rem] text-gray-400 font-light max-w-prose flex flex-wrap items-center group"><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.siteinspire.com" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Siteinspire</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.mob.co.uk" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Mob</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.reedwords.com" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Reed Words</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.ycn.org" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">YCN</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.ceciliahallinghowells.com" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Cecilia Halling Howells Interiors</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.phasedesignonline.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Phase LA</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.aup.ac.uk/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Arts University Plymouth</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.bergmeyer.com" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Bergmeyer</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.delve.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Delve</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.nomadstudio.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Nomad</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://index.goodcountry.org/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Good Country Index</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.citylikeyou.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Citylikeyou</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.attenboroughcentre.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Attenborough Centre</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://hollywoodhillssanctuary.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Hollywood Hills Sanctuary</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.fablabplymouth.org" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Fab Lab Plymouth</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://www.joesblackbook.com/" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Joe's Black Book</a><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-2.5 h-2.5 text-current"><line x1="0" y1="100" x2="100" y2="0" stroke="currentColor" stroke-width="10"></line></svg></span><span class="whitespace-nowrap flex items-center mr-2"><a href="https://am.pictet/en/uk/individual/funds" class="text-gray-500 group-hover:text-gray-400 hover:!text-gray-900 mr-2 transition duration-300 ease-out " target="_blank" rel="noopener noreferrer">Pictet Asset Management</a></span></div></div></div></div><div class="fixed inset-0 w-screen h-screen"></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"EcM9OZwoKfhMyM5mj5ldf","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>