{"pageProps":{"subscription":{"enabled":false,"initialData":{"_site":{"favicons":[{"attributes":{"sizes":"16x16","type":"image/png","rel":"icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=16&w=16"},"content":null,"tag":"link"},{"attributes":{"sizes":"32x32","type":"image/png","rel":"icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=32&w=32"},"content":null,"tag":"link"},{"attributes":{"sizes":"96x96","type":"image/png","rel":"icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=96&w=96"},"content":null,"tag":"link"},{"attributes":{"sizes":"192x192","type":"image/png","rel":"icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=192&w=192"},"content":null,"tag":"link"}],"appleTouchIcons":[{"attributes":{"sizes":"57x57","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=57&w=57"},"content":null,"tag":"link"},{"attributes":{"sizes":"60x60","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=60&w=60"},"content":null,"tag":"link"},{"attributes":{"sizes":"72x72","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=72&w=72"},"content":null,"tag":"link"},{"attributes":{"sizes":"76x76","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=76&w=76"},"content":null,"tag":"link"},{"attributes":{"sizes":"114x114","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=114&w=114"},"content":null,"tag":"link"},{"attributes":{"sizes":"120x120","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=120&w=120"},"content":null,"tag":"link"},{"attributes":{"sizes":"144x144","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=144&w=144"},"content":null,"tag":"link"},{"attributes":{"sizes":"152x152","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=152&w=152"},"content":null,"tag":"link"},{"attributes":{"sizes":"180x180","rel":"apple-touch-icon","href":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=180&w=180"},"content":null,"tag":"link"}],"msIcons":[{"attributes":{"name":"msapplication-square70x70logo","content":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=70&w=70"},"content":null,"tag":"meta"},{"attributes":{"name":"msapplication-square150x150logo","content":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=150&w=150"},"content":null,"tag":"meta"},{"attributes":{"name":"msapplication-square310x310logo","content":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=310&w=310"},"content":null,"tag":"meta"},{"attributes":{"name":"msapplication-square310x150logo","content":"https://www.datocms-assets.com/38195/1606383522-apple-icon-precomposed.png?auto=format&h=150&w=310"},"content":null,"tag":"meta"}]},"global":{"title":"Dan Spratling","logo":{"responsiveImage":{"srcSet":"https://www.datocms-assets.com/38195/1607121020-avatar.jpg?fit=crop&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=1.5&fit=crop&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=2&fit=crop&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=3&fit=crop&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=4&fit=crop&h=50&mask=ellipse&w=50 200w","src":"https://www.datocms-assets.com/38195/1607121020-avatar.jpg?fit=crop&h=50&mask=ellipse&w=50","webpSrcSet":"https://www.datocms-assets.com/38195/1607121020-avatar.jpg?fit=crop&fm=webp&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=1.5&fit=crop&fm=webp&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=2&fit=crop&fm=webp&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=3&fit=crop&fm=webp&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1607121020-avatar.jpg?dpr=4&fit=crop&fm=webp&h=50&mask=ellipse&w=50 200w","alt":null,"title":null,"width":50,"height":50,"sizes":"(max-width: 50px) 100vw, 50px","aspectRatio":1}}},"bannerSection":{"text":"
Say hello to Skyward. A new agency I created to help you get faster, simpler, scalable websites.
\n","image":{"url":"https://www.datocms-assets.com/38195/1629287732-favicon.png","width":32,"height":32}},"allNavigations":[{"title":"Home","icon":"home-lg","primaryLink":false,"navigationItem":{"page":{"id":"11288021","_modelApiKey":"page","slug":"homepage"}},"children":[]},{"title":"About","icon":"user-astronaut","primaryLink":false,"navigationItem":{"page":{"id":"11288029","_modelApiKey":"page","slug":"about"}},"children":[]},{"title":"Projects","icon":"lightbulb","primaryLink":false,"navigationItem":{"page":{"id":"11288033","_modelApiKey":"page","slug":"projects"}},"children":[]},{"title":"Services","icon":"user-chart","primaryLink":false,"navigationItem":{"page":{"id":"11288034","_modelApiKey":"page","slug":"services"}},"children":[]},{"title":"Blog","icon":"book","primaryLink":false,"navigationItem":{"page":{"id":"11288046","_modelApiKey":"page","slug":"blog"}},"children":[]},{"title":"Hire me today","icon":"paper-plane","primaryLink":true,"navigationItem":{"page":{"id":"11288052","_modelApiKey":"page","slug":"contact"}},"children":[]}],"footer":{"title":"Dan Spratling","body":"I create beautiful websites your users will love. I work with you from start to finish to make sure your goals are reached and your users are happy.
\n\n\n","newsletter":"Join the newsletter
\n\nI email once a month to keep you updated with my new discoveries, latest projects and featured articles.
\n","links":[{"title":"Home","page":{"id":"11288021","_modelApiKey":"page","slug":"homepage"}},{"title":"About","page":{"id":"11288029","_modelApiKey":"page","slug":"about"}},{"title":"Projects","page":{"id":"11288033","_modelApiKey":"page","slug":"projects"}},{"title":"Services","page":{"id":"11288034","_modelApiKey":"page","slug":"services"}},{"title":"Blog","page":{"id":"11288046","_modelApiKey":"page","slug":"blog"}},{"title":"Contact","page":{"id":"11288052","_modelApiKey":"page","slug":"contact"}},{"title":"Newsletter","page":{"id":"14169664","_modelApiKey":"page","slug":"newsletter"}}]},"allSocials":[{"title":"Twitter","icon":"twitter","url":"https://twitter.com/dan_spratling"},{"title":"LinkedIn","icon":"linkedin","url":"https://www.linkedin.com/in/dan-spratling/"},{"title":"Instagram","icon":"instagram","url":"https://www.instagram.com/danspratling/"},{"title":"Dribbble","icon":"dribbble","url":"https://dribbble.com/danspratling"},{"title":"Github","icon":"github","url":"https://github.com/danspratling"},{"title":"Dev.to","icon":"dev","url":"https://dev.to/danspratling"}],"page":{"_seoMetaTags":[{"attributes":null,"content":"Projects","tag":"title"},{"attributes":{"property":"og:title","content":"Projects"},"content":null,"tag":"meta"},{"attributes":{"name":"twitter:title","content":"Projects"},"content":null,"tag":"meta"},{"attributes":{"name":"description","content":"See how I've helped teams create their amazing websites."},"content":null,"tag":"meta"},{"attributes":{"property":"og:description","content":"See how I've helped teams create their amazing websites."},"content":null,"tag":"meta"},{"attributes":{"name":"twitter:description","content":"See how I've helped teams create their amazing websites."},"content":null,"tag":"meta"},{"attributes":{"property":"og:image","content":"https://www.datocms-assets.com/38195/1606383911-projects.png?auto=format&fit=max&w=1200"},"content":null,"tag":"meta"},{"attributes":{"property":"og:image:width","content":"1007"},"content":null,"tag":"meta"},{"attributes":{"property":"og:image:height","content":"527"},"content":null,"tag":"meta"},{"attributes":{"name":"twitter:image","content":"https://www.datocms-assets.com/38195/1606383911-projects.png?auto=format&fit=max&w=1200"},"content":null,"tag":"meta"},{"attributes":{"property":"og:locale","content":"en"},"content":null,"tag":"meta"},{"attributes":{"property":"og:type","content":"article"},"content":null,"tag":"meta"},{"attributes":{"property":"og:site_name","content":"Dan Spratling - Website Consultant, UX Designer & Frontend Developer"},"content":null,"tag":"meta"},{"attributes":{"property":"article:modified_time","content":"2020-12-05T12:40:31Z"},"content":null,"tag":"meta"},{"attributes":{"name":"twitter:card","content":"summary_large_image"},"content":null,"tag":"meta"},{"attributes":{"name":"twitter:site","content":"@dan_spratling"},"content":null,"tag":"meta"}],"hero":{"_modelApiKey":"hero_section","id":"11447573","overline":"","subtitle":"","title":"Projects","button":null},"pageBuilder":[{"id":"11447534","title":"Bringing a personal touch","body":"Building a great website is more than just knowing how to make things look pretty or writing clever code. I listen to your needs, ensuring you get a product you’re happy with. Listen to the great things others have said.
\n","_modelApiKey":"testimonial_section","testimonials":[{"quote":"Dan's core strength is his ability to adapt and apply critical thinking to a problem. He doesn't just take a project and do it, he will break it down, check it ticks all the boxes (including the ones you forgot about!), and then deliver something beyond your expectations. Work with him without hesitation!
\n","avatar":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoQDQ4ODQ4QDhUNDRUNDhENDQ0YFx0sGBYVFiEaHysjGh0oHSEiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHC8oIyk7NS8vLy8vNTUvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAYAAEAAwEAAAAAAAAAAAAAAAAABAUGA//EABwQAAMBAAIDAAAAAAAAAAAAAAABAgQDBRETI//EABkBAAEFAAAAAAAAAAAAAAAAAAQBAgMFBv/EABkRAAIDAQAAAAAAAAAAAAAAAAABAwQSMf/aAAwDAQACEQMRAD8A2WxQoOWTkkjatHxfkhZOwSsmktiVqjyaV2lAKuuwTgDVbApar0yo3a59DIXX1N2AASdNTXSwWPJyxEgARcK+VLbP/9k=","srcSet":"https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?fit=crop&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=1.5&fit=crop&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=2&fit=crop&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=3&fit=crop&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=4&fit=crop&h=50&mask=ellipse&w=50 200w","src":"https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?fit=crop&h=50&mask=ellipse&w=50","webpSrcSet":"https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?fit=crop&fm=webp&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=1.5&fit=crop&fm=webp&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=2&fit=crop&fm=webp&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=3&fit=crop&fm=webp&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410673-chris-southam.jpeg?dpr=4&fit=crop&fm=webp&h=50&mask=ellipse&w=50 200w","alt":null,"title":null,"width":50,"height":50,"sizes":"(max-width: 50px) 100vw, 50px","aspectRatio":1}},"author":"Chris Southam","company":"The SaaS People"},{"quote":"I always love working with Dan - he’s professional and enthusiastic and always willing to provide insight and suggestions for improving accessibility and functionality of a site or project. Couldn’t recommend him highly enough!
\n","avatar":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFRMLDhgXFQ0VDhIVFg0YFx8sGBYTFhodHyslGh0oHRUiJjUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg4OHBAPHDYlGig7NjYvLy87Ly8vLy80Ozs2Ly8vLy8vLy81Mi8vLy8vLy8vLy8vLy81Ly8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAYAAADAQEAAAAAAAAAAAAAAAAABgcFAf/EACMQAAEEAgEDBQAAAAAAAAAAAAIAAQMFBEERBhIhFSIxQlH/xAAWAQADAAAAAAAAAAAAAAAAAAACAwT/xAAaEQADAQEBAQAAAAAAAAAAAAAAAQIRITED/9oADAMBAAIRAxEAPwCq2ksbQPy+kjNkwlZ8c7WzZ2cY4pkRaU2HqDH9ace/7fqTXpR8o4WKtlgEG86Ql2rsIZgHg9IRrSep6LPVGewYJ9r6UkwyOe3Z2J/JoQjaGQ3iKzQxyCA+5/hcQhGkItvT/9k=","srcSet":"https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?fit=crop&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=1.5&fit=crop&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=2&fit=crop&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=3&fit=crop&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=4&fit=crop&h=50&mask=ellipse&w=50 200w","src":"https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?fit=crop&h=50&mask=ellipse&w=50","webpSrcSet":"https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?fit=crop&fm=webp&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=1.5&fit=crop&fm=webp&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=2&fit=crop&fm=webp&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=3&fit=crop&fm=webp&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410708-sara-king.jpeg?dpr=4&fit=crop&fm=webp&h=50&mask=ellipse&w=50 200w","alt":null,"title":null,"width":50,"height":50,"sizes":"(max-width: 50px) 100vw, 50px","aspectRatio":1}},"author":"Sara King","company":"DenGro"},{"quote":"We loved working with Dan and appreciate all his contributions to Pigeon Loans. If anyone is in the market for hiring a great freelance front-end developer, don’t hesitate to add Dan to your team.
\n","avatar":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgXFRASDhUaDhYPDhMRDQ0YFxwZGCIVFhUdHysjHR0oHSEWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDslHSg7LzY8Ly8vNS8vLy81Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAYAAEBAAMAAAAAAAAAAAAAAAAABgQFB//EAB4QAAEEAwADAAAAAAAAAAAAAAEAAgMEBRESFEFR/8QAGAEAAgMAAAAAAAAAAAAAAAAAAwQBAgX/xAAbEQACAgMBAAAAAAAAAAAAAAAAAQIRAxIxE//aAAwDAQACEQMRAD8AvMjZbwdLWY2+zyC0lYVnIbjPSnYsw2K+Rv2oajYx7OjplW1EJ9kopenkmyOB2iPFRoC8rsmb2fgILQFOstMmvdD6iLB3k7dj+iKOpebFpERWWWVdBOET/9k=","srcSet":"https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?fit=crop&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=1.5&fit=crop&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=2&fit=crop&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=3&fit=crop&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=4&fit=crop&h=50&mask=ellipse&w=50 200w","src":"https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?fit=crop&h=50&mask=ellipse&w=50","webpSrcSet":"https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?fit=crop&fm=webp&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=1.5&fit=crop&fm=webp&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=2&fit=crop&fm=webp&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=3&fit=crop&fm=webp&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410753-brian-bristol.jpeg?dpr=4&fit=crop&fm=webp&h=50&mask=ellipse&w=50 200w","alt":null,"title":null,"width":50,"height":50,"sizes":"(max-width: 50px) 100vw, 50px","aspectRatio":1}},"author":"Brian Bristol","company":"Pigeon Loans"},{"quote":"Over the last few months I’ve had the pleasure to work with Dan on the relaunch of our new marketing site. His attention to detail and flexibility to work with in our team’s style made him a delight to work with. Additionally, as an American it was awesome to wake up each day to a fresh package of improvements. To that end we are planning to employ Dan to help us modernize our other two sites as well.
\n","avatar":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBhEREhMODRENDg0IDQ0NDhIODQ0YFxUZGCIfFhUaHysjGh0oKRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHA0QFy8dFh0vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAZAAEAAgMAAAAAAAAAAAAAAAAABAUBAgf/xAAcEAACAgIDAAAAAAAAAAAAAAAAAwECBBESEyL/xAAWAQADAAAAAAAAAAAAAAAAAAABAgP/xAAYEQADAQEAAAAAAAAAAAAAAAAAATECIf/aAAwDAQACEQMRAD8A6zmOp1EHHbTkRs189ZCx225CaocQvWOpoFU1vkyMkTdNXzFoMITGgA6oMPgcvcAAZQm30//Z","srcSet":"https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?fit=crop&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=1.5&fit=crop&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=2&fit=crop&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=3&fit=crop&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=4&fit=crop&h=50&mask=ellipse&w=50 200w","src":"https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?fit=crop&h=50&mask=ellipse&w=50","webpSrcSet":"https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?fit=crop&fm=webp&h=50&mask=ellipse&w=50 50w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=1.5&fit=crop&fm=webp&h=50&mask=ellipse&w=50 75w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=2&fit=crop&fm=webp&h=50&mask=ellipse&w=50 100w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=3&fit=crop&fm=webp&h=50&mask=ellipse&w=50 150w,https://www.datocms-assets.com/38195/1606410787-dru-sellers.jpg?dpr=4&fit=crop&fm=webp&h=50&mask=ellipse&w=50 200w","alt":null,"title":null,"width":50,"height":50,"sizes":"(max-width: 50px) 100vw, 50px","aspectRatio":1}},"author":"Dru Sellers","company":"One More Cloud"}]},{"id":"11447539","title":"Trusted by teams","_modelApiKey":"brands_section","body":"","logos":[{"id":"4429811","responsiveImage":{"srcSet":"https://www.datocms-assets.com/38195/1606691068-pigeon.png?fit=clip&h=60&sat=-100&w=180 60w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=1.5&fit=clip&h=60&sat=-100&w=180 90w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=2&fit=clip&h=60&sat=-100&w=180 120w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=3&fit=clip&h=60&sat=-100&w=180 180w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=4&fit=clip&h=60&sat=-100&w=180 241w","src":"https://www.datocms-assets.com/38195/1606691068-pigeon.png?fit=clip&h=60&sat=-100&w=180","webpSrcSet":"https://www.datocms-assets.com/38195/1606691068-pigeon.png?fit=clip&fm=webp&h=60&sat=-100&w=180 60w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=1.5&fit=clip&fm=webp&h=60&sat=-100&w=180 90w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=2&fit=clip&fm=webp&h=60&sat=-100&w=180 120w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=3&fit=clip&fm=webp&h=60&sat=-100&w=180 180w,https://www.datocms-assets.com/38195/1606691068-pigeon.png?dpr=4&fit=clip&fm=webp&h=60&sat=-100&w=180 241w","alt":"Pigeon Loans logo","title":null,"width":60,"height":60,"sizes":"(max-width: 60px) 100vw, 60px","aspectRatio":1.0041666666666667}},{"id":"4429808","responsiveImage":{"srcSet":"https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=0.5&fit=clip&h=60&sat=-100&w=180 73w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=0.75&fit=clip&h=60&sat=-100&w=180 109w,https://www.datocms-assets.com/38195/1606691118-dengro.png?fit=clip&h=60&sat=-100&w=180 146w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=1.5&fit=clip&h=60&sat=-100&w=180 219w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=2&fit=clip&h=60&sat=-100&w=180 293w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=3&fit=clip&h=60&sat=-100&w=180 439w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=4&fit=clip&h=60&sat=-100&w=180 586w","src":"https://www.datocms-assets.com/38195/1606691118-dengro.png?fit=clip&h=60&sat=-100&w=180","webpSrcSet":"https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=0.5&fit=clip&fm=webp&h=60&sat=-100&w=180 73w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=0.75&fit=clip&fm=webp&h=60&sat=-100&w=180 109w,https://www.datocms-assets.com/38195/1606691118-dengro.png?fit=clip&fm=webp&h=60&sat=-100&w=180 146w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=1.5&fit=clip&fm=webp&h=60&sat=-100&w=180 219w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=2&fit=clip&fm=webp&h=60&sat=-100&w=180 293w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=3&fit=clip&fm=webp&h=60&sat=-100&w=180 439w,https://www.datocms-assets.com/38195/1606691118-dengro.png?dpr=4&fit=clip&fm=webp&h=60&sat=-100&w=180 586w","alt":"DenGro logo","title":null,"width":146,"height":60,"sizes":"(max-width: 146px) 100vw, 146px","aspectRatio":2.441666666666667}},{"id":"4429813","responsiveImage":{"srcSet":"https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=0.5&fit=clip&h=60&sat=-100&w=180 90w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=0.75&fit=clip&h=60&sat=-100&w=180 135w,https://www.datocms-assets.com/38195/1606691159-portman.png?fit=clip&h=60&sat=-100&w=180 180w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=1.5&fit=clip&h=60&sat=-100&w=180 270w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=2&fit=clip&h=60&sat=-100&w=180 360w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=3&fit=clip&h=60&sat=-100&w=180 540w","src":"https://www.datocms-assets.com/38195/1606691159-portman.png?fit=clip&h=60&sat=-100&w=180","webpSrcSet":"https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=0.5&fit=clip&fm=webp&h=60&sat=-100&w=180 90w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=0.75&fit=clip&fm=webp&h=60&sat=-100&w=180 135w,https://www.datocms-assets.com/38195/1606691159-portman.png?fit=clip&fm=webp&h=60&sat=-100&w=180 180w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=1.5&fit=clip&fm=webp&h=60&sat=-100&w=180 270w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=2&fit=clip&fm=webp&h=60&sat=-100&w=180 360w,https://www.datocms-assets.com/38195/1606691159-portman.png?dpr=3&fit=clip&fm=webp&h=60&sat=-100&w=180 540w","alt":"Portman logo","title":null,"width":180,"height":34,"sizes":"(max-width: 180px) 100vw, 180px","aspectRatio":5.245901639344262}},{"id":"4429816","responsiveImage":{"srcSet":"https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=0.5&fit=clip&h=60&sat=-100&w=180 67w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=0.75&fit=clip&h=60&sat=-100&w=180 100w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?fit=clip&h=60&sat=-100&w=180 134w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=1.5&fit=clip&h=60&sat=-100&w=180 201w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=2&fit=clip&h=60&sat=-100&w=180 269w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=3&fit=clip&h=60&sat=-100&w=180 403w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=4&fit=clip&h=60&sat=-100&w=180 538w","src":"https://www.datocms-assets.com/38195/1606691186-st-austell.png?fit=clip&h=60&sat=-100&w=180","webpSrcSet":"https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=0.5&fit=clip&fm=webp&h=60&sat=-100&w=180 67w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=0.75&fit=clip&fm=webp&h=60&sat=-100&w=180 100w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?fit=clip&fm=webp&h=60&sat=-100&w=180 134w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=1.5&fit=clip&fm=webp&h=60&sat=-100&w=180 201w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=2&fit=clip&fm=webp&h=60&sat=-100&w=180 269w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=3&fit=clip&fm=webp&h=60&sat=-100&w=180 403w,https://www.datocms-assets.com/38195/1606691186-st-austell.png?dpr=4&fit=clip&fm=webp&h=60&sat=-100&w=180 538w","alt":"St Austell Brewery logo","title":null,"width":134,"height":60,"sizes":"(max-width: 134px) 100vw, 134px","aspectRatio":2.2416666666666667}}]},{"id":"11447550","_modelApiKey":"cardaction_section","title":"Where do we start?","image":{"responsiveImage":{"srcSet":"https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=0.25&h=550&w=510 127w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=0.5&h=550&w=510 254w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=0.75&h=550&w=510 382w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?h=550&w=510 509w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=1.5&h=550&w=510 764w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=2&h=550&w=510 1019w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=3&h=550&w=510 1529w","src":"https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?h=550&w=510","webpSrcSet":"https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=0.25&fm=webp&h=550&w=510 127w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=0.5&fm=webp&h=550&w=510 254w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=0.75&fm=webp&h=550&w=510 382w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?fm=webp&h=550&w=510 509w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=1.5&fm=webp&h=550&w=510 764w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=2&fm=webp&h=550&w=510 1019w,https://www.datocms-assets.com/38195/1606582323-dengro-preview-grid.png?dpr=3&fm=webp&h=550&w=510 1529w","alt":null,"title":null,"width":509,"height":545,"sizes":"(max-width: 509px) 100vw, 509px","aspectRatio":0.9353327085285849}},"body":"Schedule a call so I can learn about your product and we can discuss the best way to help you meet your goals. I only work with two people each month so book a call now to avoid missing out.
\n","button":{"title":"Level up your business","url":"/contact"}}]},"allProjects":[{"id":"39902026","slug":"feedhive","title":"Defining a strong brand for a SaaS scheduling tool gaining traction","publishDate":"2021-05-19T14:56:33+01:00","article":"Could you build and launch a product that is profitable in 63 days? FeedHive creator Simon Høiberg did exactly that! FeedHive is a scheduling tool for social media. It started with Twitter, being a tool that could only schedule tweets in the future but has rapidly grown both in terms of features and users.
\n\nSimon, by his own admittance, is not a designer. After all, no one person is expected to be good at every part of website creation, and there are a LOT of different areas to think about! Design, Copywriting, Frontend Development, Backend Development, SEO... The list goes on. So creating a successful product entirely on your own is an incredibly hard challenge.
\n\nSimon reached out to me looking for a redesign of the marketing website. The website was fast and built on modern tech (Gatsby), but the design was disconnected from the brand. The website also had no CMS which meant only developers could make content changes - not much of a problem while only developers are working on the website but once the team starts to expand that suddenly becomes a huge pain point.
\n\nThat design also needed to be adaptable and form the basis of the application design, so that the website and application felt like a singular brand, but also allowing both to expand without having to have direct designer intervention as the product grew.
\n\nThey needed a flexible design system with strong brand guidelines that could be used for their entire product, created on a platform that they could use without assistance.
\n\nWhen FeedHive first launched in beta, I was invited to use the product in its early stages. Having insight of the product as it was just starting out meant that I had a great understanding of Simon's vision and the challenges he was running into before working together was even considered.
\n\nI had also been growing my freelance business in public since becoming a freelancer in July last year. This meant that Simon had clearly seen not just the websites that I'd made, but the thought process behind them and the human element that went into each of them. As a founder also looking to grow in public, this gave us a mutual appreciation for engaging with our audiences.
\n\nI had the UI/UX design expertise sorely missing from the FeedHive team, and also had the development experience to be able to create the marketing website without much interaction, which allowed the FeedHive team to continue making strides in the application while I worked on the new marketing website. Plus with so many aligned philosophies between our businesses, working together made perfect sense, and the results spoke for themselves.
\n\n\n\nThe marketing website that was being used for FeedHive was technically functional - it informed you about the application and provided links to it.
\n\nIn order to get people to return to your website, you have to have a memorable brand.
\n\nTo get people to sign up for your product, you need to show them the benefits using the product might have.
\n\nBut if you look at any big-name website you'll notice one thing. They don't stay the same for long. With new product features, experiments and improvements happening all the time a truly great website needs to be iterative. It has to be easy to change quickly.
\n\nThis was the biggest success of the new FeedHive website. With a strong new brand created, well-defined repeatable code sections, and a CMS set up that allowed easy content updates the new website was in the perfect position to be changed quickly. And that's exactly what happened, with experiments constantly running to test and improve upon the different sections and new components being built as the brand changes.
\n\nFeedHive is now live and no longer in beta, but it is still relatively new. The team have a lot of goals they want to achieve but when the new website launched, FeedHive was still twitter exclusive. This meant that we needed to be careful how we sold the product.
\n\nSelling FeedHive as an "All in one social media scheduling tool" is tricky, as even though that's what it will eventually become it's not quite there yet and we don't want to trick customers into thinking that it's more than it is.
\n\nAnother challenge was adjusting the price from $5 per month to $9 per month.
\n\n
\nThe new pricing page for FeedHive with the Free and Creator tiers with the updated pricing models
With a significant amount of new features added and a complete overhaul of the application including adding a new dashboard the price increase was justifed, but increasing the price on any product is always going to be tough for users to swallow so it was important to show them exactly what the benefits of the application was.
\n\nUsers had to feel like the product was more premium and enhancing the product branding definitely helped give the feeling of a higher quality product ready for public use.
\n\nAs with any online product, you do not want to be restricted by your technologies as you grow. There are a lot of things you need to consider:
\n\nSetting good standards for the entire team to use going forwards is incredibly important at the early stages of a business and something often overlooked, leading to more time (and money) being spent further down the line when the issues become too big to ignore.
\n\nThe FeedHive team have since added new components that have not been created by a designer, but are still on brand for the product.
\n\n
\nA new feature component created by the FeedHive team without any design input
Along with these changes to the marketing site, the application has also had substantial design changes but still remains on brand.
\n\n
\nA new application screen with completely custom components taking on the brand guidelines set up by our dashboard revisions
These changes mean 2 things
\n\nIf a team can take on board designs and code and run with them, making them their own and adapting and improving them for their purposes then that's a huge success.
\n\nBeing able to immediately expand code and add in custom designs is important, but so is giving the team ability to grow. The marketing site is built on top of Prismic, which is a CMS designed for quickly editing content. That means it's perfect for writing blog posts to capture SEO value and easily making changes without requiring changes to the code.
\n\nThat's perfect for making changes fast, but it's even better considering the team will be likely to grow in the near future, meaning that costly development effort doesn't need to be spent making content changes and can instead be focused on more important areas, like improving the application.
\n\nEven though the main focus of my work was to redesign and rebuild the marketing website, I also contributed to the app. It was important to get a consistent brand shared between the two products and set FeedHive up with the ability to take a core design and run with it.
\n\nThese changes took the form of designing a new dashboard, something that was sorely missed from the initial implementation of the app.
\n\n
\nThe new dashboard design created to help implement strong fundamentals for FeedHive's application
As I was on a strict budget for this line of work, I had to create a strong set of fundamentals that could be reused across the application easily and significantly improve the application as a whole.
\n\nAnd it worked! The team have taken the core of this design and run with it, updating old concepts to match the new branding on pages like in the schedule, and creating entirely new custom designs while still matching the core fundamentals like the analytics screen.
\n\n
\nThe new analytics screen which was built without any input from me but still provides a consistent branded design and clearly displays important information.
The changes to FeedHive have been a huge success, giving the FeedHive team a strong starting point that they've taken full advantage of. Being able to adapt their website on the fly to make the most of the data they were already receiving while having an welcoming new design for the application that they could easily expand upon meant that changes happened faster and improvements came quicker.
\n\nIt wasn't just a success internally either. Their audience loved the new look.
\n\n\n\nWhat the FeedHive team were left with, then, was a marketing website that worked exactly how they needed it to. It may not have immediately converted more leads, but what it did do was give them the ability to test and improve conversion rates themselves and continue easily making improvements to the website and application with a strong foundation to go from.
\n","imageCarousel":[{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLExATDhYQDRYNDh0VDhEOIyIdGCIVIhUaHysjGh0oHRUiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBEQHDscFig7Oy8vLy87Oy8vLy8vOy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAFBgABBP/EAB4QAAEEAQUAAAAAAAAAAAAAAAEAAgMGBAUREyFC/8QAFQEBAQAAAAAAAAAAAAAAAAAABgP/xAAaEQABBQEAAAAAAAAAAAAAAAACAAEEEjED/9oADAMBAAIRAxEAPwAONGDIEy1etDLak5muPdiEo/UbbLju2AKYS+cquqIuKfW1HiHRUWZtzkk8qkXMZVtVmqv/2Q==","srcSet":"https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?dpr=0.25 700w,https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?dpr=0.5 1400w,https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?dpr=0.75 2100w,https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png 2800w","src":"https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png","webpSrcSet":"https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?dpr=0.25&fm=webp 700w,https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?dpr=0.5&fm=webp 1400w,https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?dpr=0.75&fm=webp 2100w,https://www.datocms-assets.com/38195/1621499794-feedhive-io-macbook-pro-3.png?fm=webp 2800w","alt":null,"title":null,"width":2800,"height":1750,"sizes":"(max-width: 2800px) 100vw, 2800px","aspectRatio":1.6}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgFCgoFBQwFBQUFBREJCgUMFxMZGBYTFhUaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLBQUFEAUFEC8cFhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAVAAEBAAAAAAAAAAAAAAAAAAAAB//EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAVAQEBAAAAAAAAAAAAAAAAAAACAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AK8AQgCT/9k=","srcSet":"https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?dpr=0.25 700w,https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?dpr=0.5 1400w,https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?dpr=0.75 2100w,https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png 2800w","src":"https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png","webpSrcSet":"https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?dpr=0.25&fm=webp 700w,https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?dpr=0.5&fm=webp 1400w,https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?dpr=0.75&fm=webp 2100w,https://www.datocms-assets.com/38195/1621499813-feedhive-io-macbook-pro-4.png?fm=webp 2800w","alt":null,"title":null,"width":2800,"height":1750,"sizes":"(max-width: 2800px) 100vw, 2800px","aspectRatio":1.6}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFhYLDiQQDQ0SDh0VFg0NFxgZGBYTFhUdJysjGh0oHSEWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDscFig7Ly8vLy87Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAABBwAEBv/EAB8QAAAGAwADAAAAAAAAAAAAAAABAgMEkQURExQVM//EABYBAQEBAAAAAAAAAAAAAAAAAAMGAP/EABkRAAIDAQAAAAAAAAAAAAAAAAACAQUhA//aAAwDAQACEQMRAD8AzrUKel/fNVAPxch5BHyVQdLeGh9N8ioV5ONhoe+RUKB7dJC6zooJPskoIiaVQAcLGJhPr0bKaEGi2QVXw//Z","srcSet":"https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?dpr=0.25 700w,https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?dpr=0.5 1400w,https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?dpr=0.75 2100w,https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png 2800w","src":"https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png","webpSrcSet":"https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?dpr=0.25&fm=webp 700w,https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?dpr=0.5&fm=webp 1400w,https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?dpr=0.75&fm=webp 2100w,https://www.datocms-assets.com/38195/1621499775-feedhive-io-macbook-pro-6.png?fm=webp 2800w","alt":null,"title":null,"width":2800,"height":1750,"sizes":"(max-width: 2800px) 100vw, 2800px","aspectRatio":1.6}}}]},{"id":"23425084","slug":"bonsai","title":"Improving the developer experience to save time and money","publishDate":"2021-03-05T10:02:11+00:00","article":"One More Cloud were looking to make significant improvements to their product website but they had a number of challenges to overcome.
\n\nBonsai is a managed elasticsearch platform which looks after your search tools and makes sure they're always running and performing the best for you. Their team is built up of mostly backend developers and marketers and they have a very relaxed company culture, which gives me the flexibility to work in a way which will be most beneficial to them.
\n\nWhen I began working with Bonsai, they were in a tough situation. They were working on a new marketing website which they desperately needed to make their brand feel fresh, but the site had only been half completed and they needed somebody who could pick up the project and finish it off.
\n\nThe website had been built using Jekyll, a headless platform that I'd not worked with before but was very familiar to a combination of other tools I'd used previously. With my experience using many different development platforms across my career including headless websites it was no problem for me to take over and help them finish creating their new marketing site.
\n\nThe next step was to make improvements to the site. Even though the marketing site had just been recreated, the new build only solved problems for the websites users but was still causing a ton of issues for the team. That wasn't good enough.
\n\nThe problem was the Jekyll/Parcel combination which resulted in 2 build processes and two different public folders, a very awkward experience for the team. This combination also caused other weird issues like not being able to check the 404 page.
\n\nThe next issue was poor maintainability. The site hadn't been created in an optimal way making changes time consuming and expensive. Most of the site needed to be adjusted so that it was easy to edit, and more beneficial for a team short on time.
\n\nTogether, we decided to convert the site to NextJS while using the current design. React was a favourite library of the team, and NextJS provides a ton of great benefits like flexibility, static pages and a load of optimisations built in.
\n\nRebuilding the site took a few weeks, but the benefits gained were tremendous, returning control of changes to the team and making it much easier for them to understand how their own website works. There were also some performance gains inherited from using improved tools which was a nice side effect.
\n\nI also built in Documentation and basic visual tests in the form of Storybook, which makes it much easier for the team to understand how the website fits together which encourages best practice. It also reduces bottlenecks as design and development can refer back to the documentation to remind themselves how everything works, rather than a single developer.
\n\nBonsai are always looking to improve their software and their website is no exception, and as a result we've already discussed changes which would further optimise their website improving its reliability and making it easier to work with.
\n\nPortman Dental Care needed help driving traffic to their Smile Clinics, practices specifically catering for smile improvement treatments.
\n\nPortman Dental Care is the leading private dental group in the UK, and their Smile Clinics are a group of practices focussed on aesthetic improvements for your smile.
\n\nSmile Clinics want to attract more customers for aesthetic improvements, as these types of treatments tend to be more profitable and more regular than general dentistry. However, the practices were strugging to bring in high quality leads on their own, so a website was proposed to gather leads for that specific market.
\n\nThe key improvement to be made was increasing the ease of finding practices which offered this kind of treatment. Most potential leads already knew what kind of treatment they wanted, so the focus was on capturing that and directing them to the right practice.
\n\nThe goals were the following:
\n\nThe new website has a lot of details explaining different treatments, as well as a practical ‘Practice Finder’ for encouraging leads to follow through with their enquiry. This makes referral as easy as possible.
\n\nThe new website was a more prominent way for leads to find their desired treatments through search, and the easy-to-use interface drove traffic through to the practices and resulted in capturing more high quality leads.
\n\nPigeon Loans were about to launch and had an excellent system in place, but were missing the polish of a strong frontend. Users were left feeling confused and the site was unusable on mobile. Things needed to change, fast.
\n\nPigeon Loans is a brand new platform for sharing loans between family and friends. The biggest issue people face when lending money privately is the unknown situation around repayment. Pigeon Loans makes that simple, by keeping track of everything for you.
\n\nThe design of the website wasn't user focussed and was missing critical aspects which would help convert the users. This was especially prominent on the homepage, which relied almost exclusively on the introductory video to convince users to sign up for the product. The homepage needed a redesign.
\n\nI started by doubling down on the branding for the website. The colour scheme had already been decided upon but it wasn't used effectively. The attention of the user was brought to the sign up form, which was great, and the footer, which made less sense.
\n\nUsing the branding to draw users attention to the right places meant that the homepage became much more scannable, and a subconscious association between the brand colour and the most important parts of the page was formed.
\n\nThe homepage also gained some new much-needed content. While most websites suffer from too much content, Pigeon Loans suffered from too little, and there was no reason to click the video, which was the only thing used to convince users to sign up. Now the video is still important, but you can find out about and understand the product without being required to watch the video.
\n\nThe improved homepage design made the website much easier to navigate. With improved branding, better layout and stronger content the site now encourages users to sign up. It demonstrates the benefits users could recieve without requiring them to take uneccessary steps to find out.
\n","imageCarousel":[{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgVFQoLDhAQDg0ODhIVEBISIxUeHRgVFhUaHysjJh0oHR0iJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHQ0QHDsoGB07Ozs1Lzs7Ly87LzsvLy8vLzUvLy8vLy8vLy87LzUvLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAZAAABBQAAAAAAAAAAAAAAAAAFAAIDBAf/xAAbEAACAwEBAQAAAAAAAAAAAAABAgADBBESBf/EABYBAAMAAAAAAAAAAAAAAAAAAAABA//EABYRAQEBAAAAAAAAAAAAAAAAAAARAv/aAAwDAQACEQMRAD8A1IYlfRLC41QmTLV5u7H865jGqC0UgfSMUJV5QutnignNP//Z","srcSet":"https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?dpr=0.25 700w,https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?dpr=0.5 1400w,https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?dpr=0.75 2100w,https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png 2800w","src":"https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png","webpSrcSet":"https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?dpr=0.25&fm=webp 700w,https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?dpr=0.5&fm=webp 1400w,https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?dpr=0.75&fm=webp 2100w,https://www.datocms-assets.com/38195/1638789056-www-pigeonloans-io-macbook-pro-2.png?fm=webp 2800w","alt":null,"title":null,"width":2800,"height":1750,"sizes":"(max-width: 2800px) 100vw, 2800px","aspectRatio":1.6}}}]},{"id":"11296748","slug":"dengro","title":"A new site for a new identity","publishDate":"2020-08-02T00:00:00+01:00","article":"DenGro were looking to boost their brand identity and to stand out from the crowd. They are a SaaS company and all of their focus had been on their product. The old website had been left behind, so it was time for a change.
\n\nDenGro is a CRM platform for dentists, used to capture leads, manage treatments, and stay in touch with patients. It brings practices into the 21st century, as many were still using spreadsheets for the task, which don't scale well.
\n\nDenGro had grown fairly quickly, receiving interest from hundreds of practices through good networking, but their website left a lot to be desired. It only had a few pages, was boring to look at, and didn't really demonstrate what DenGro could do. Practices who looked at it were very unlikely to purchase.
\n\nWe decided that there were a two key areas that needed improvement
\n\nBeing able to focus the website in a way which meant it could be used without having to have previous context was crucial. There was only so much which could be done through networking and, as direct marketing is expensive for a small company. There were other more efficient marketing methods which could have been utilised.
\n\nOther means of marketing, like SEO and online advertising can drive traffic to the website but the website has to be engaging in order to keep visitors' attention. Before money could be spent on other marketing techniques, the website had to be improved.
\n\nAfter improving the website, lead generation was increased from a wider variety of marketing channels. This allows DenGro to break the barrier into being a profitable startup, a huge milestone in any new business.
\n\nSt Austell were facing a problem. Their business had grown exponentially, coming from a small Cornish town selling craft ales, and they were now a national business needing a B2B (business-to-business) platform suitable of supporting their demand.
\n\nSt Austell brewery is a national brewery company within the UK. They are known for selling beers like Tribute, Korev and Proper Job, but their business expands far further than that. Their plan is to expand nationally and increase trading performance as a supplier of pubs, restaurants and stores.
\n\nDue to rapid expansion St Austell have accrued a number of different websites spreading across their many revenue streams. Many websites had been created for individual purposes and it was becoming impossible for the business to manage all of their different products at once.
\n\nThe proposed solution was to begin rebuilding their corporate websites and combining them into only a few platforms. Allowing wholesale customers to create orders on a single website provides them with numerous benefits.
\n\nIt was noted that a lot of customers chose to call to place their orders, instead of ordering online. Manually having to place and track orders created a substantial workload which could be avoided.
\n\nDue to the new web build, more web orders were placed while the required effort for accepting new orders was reduced. Managing content was easier, as thousands of products could be organised in a single space, which meant happier team members.
\n\n