{"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

See Skyward, our new agency

\n","newsletter":"

Join the newsletter

\n\n

I 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\n

So what's the problem?

\n\n

Simon, 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\n

Simon 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\n

That 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\n

They 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\n

What made me the right choice

\n\n

When 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\n

I 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\n

I 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

\"Simon,\n

\n\n

How to sell a SaaS product

\n\n

The marketing website that was being used for FeedHive was technically functional - it informed you about the application and provided links to it.

\n\n

In order to get people to return to your website, you have to have a memorable brand.

\n\n

To get people to sign up for your product, you need to show them the benefits using the product might have.

\n\n

But 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\n

This 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\n

Managing customer expectations

\n\n

FeedHive 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\n

Selling 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\n

Another challenge was adjusting the price from $5 per month to $9 per month.

\n\n

\"The\nThe new pricing page for FeedHive with the Free and Creator tiers with the updated pricing models

\n\n

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\n

Users 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\n

Leaving room for growth

\n\n

As 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\n\n\n

Setting 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\n

The 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

\"A\nA new feature component created by the FeedHive team without any design input

\n\n

Along with these changes to the marketing site, the application has also had substantial design changes but still remains on brand.

\n\n

\"A\nA new application screen with completely custom components taking on the brand guidelines set up by our dashboard revisions

\n\n

These changes mean 2 things

\n\n\n\n

If 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\n

Being 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\n

That'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\n

No app left behind

\n\n

Even 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\n

These changes took the form of designing a new dashboard, something that was sorely missed from the initial implementation of the app.

\n\n

\"The\nThe new dashboard design created to help implement strong fundamentals for FeedHive's application

\n\n

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\n

And 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

\"The\nThe new analytics screen which was built without any input from me but still provides a consistent branded design and clearly displays important information.

\n\n

The results

\n\n

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\n

It wasn't just a success internally either. Their audience loved the new look.

\n\n

\"137

\n\n

What 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\n

Bonsai 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\n

Step 1: Completing their new marketing website

\n\n

When 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\n

The 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\n

Step 2: Creating a better experience for the team

\n\n

The 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\n

The 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\n

The 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\n

Together, 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\n

Rebuilding 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\n

I 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\n

Future Changes

\n\n

Bonsai 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\n\n","imageCarousel":[{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBw8IBg0GBw4NEhIGDhgQCA4GDRENDQ0YFx8ZGBYfFiEaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0PFQ0NHC8cFhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAABAAf/xAAVEAEBAAAAAAAAAAAAAAAAAAAAEf/EABYBAAMAAAAAAAAAAAAAAAAAAAACA//EABcRAQEBAQAAAAAAAAAAAAAAAAABEgL/2gAMAwEAAhEDEQA/ANYQqpU7xShQBiv/2Q==","srcSet":"https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?dpr=0.25 767w,https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?dpr=0.5 1535w,https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?dpr=0.75 2303w,https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png 3071w","src":"https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png","webpSrcSet":"https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?dpr=0.25&fm=webp 767w,https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?dpr=0.5&fm=webp 1535w,https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?dpr=0.75&fm=webp 2303w,https://www.datocms-assets.com/38195/1614939702-deploy-preview-377-bonsai-marketing-netlify-app-macbook-pro.png?fm=webp 3071w","alt":null,"title":null,"width":3071,"height":1919,"sizes":"(max-width: 3071px) 100vw, 3071px","aspectRatio":1.600312662845232}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgFCgoFBQwFBQUFBREJCgUMFxMZGBYTFhUaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLBQUFEAUFEC8cFhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAVAAEBAAAAAAAAAAAAAAAAAAAAB//EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAWAQADAAAAAAAAAAAAAAAAAAAAAgP/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCqAFSAAH//2Q==","srcSet":"https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?dpr=0.25 768w,https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?dpr=0.5 1536w,https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?dpr=0.75 2304w,https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png 3072w","src":"https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png","webpSrcSet":"https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?dpr=0.25&fm=webp 768w,https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?dpr=0.5&fm=webp 1536w,https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?dpr=0.75&fm=webp 2304w,https://www.datocms-assets.com/38195/1614939731-bonsai-ioevergreen-macbook-pro.png?fm=webp 3072w","alt":null,"title":null,"width":3072,"height":1919,"sizes":"(max-width: 3072px) 100vw, 3072px","aspectRatio":1.600833767587285}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLCgoLDh4QFxUNDhIVIh0iJRMZGBYVHRUdLi0jJh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg4OFQ0OHC8cIhwvLy8vLy8vLy8vLy8vLy8vLy8vLy87Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAABAwIEBv/EAB4QAAEEAgMBAAAAAAAAAAAAAAEAAgMEBREGEpEh/8QAFgEAAwAAAAAAAAAAAAAAAAAAAAEC/8QAFhEBAQEAAAAAAAAAAAAAAAAAABIB/9oADAMBAAIRAxEAPwDe2uGU3aId6i3hdURjTkrP5WeAjq4pdPNWH1frimmcW5OH15IuocipUspM8aJKCBOP/9k=","srcSet":"https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?dpr=0.25 767w,https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?dpr=0.5 1535w,https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?dpr=0.75 2303w,https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png 3071w","src":"https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png","webpSrcSet":"https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?dpr=0.25&fm=webp 767w,https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?dpr=0.5&fm=webp 1535w,https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?dpr=0.75&fm=webp 2303w,https://www.datocms-assets.com/38195/1614939753-deploy-preview-377-bonsai-marketing-netlify-appcareers-macbook-pro.png?fm=webp 3071w","alt":null,"title":null,"width":3071,"height":1919,"sizes":"(max-width: 3071px) 100vw, 3071px","aspectRatio":1.600312662845232}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBw0JCAYGBw4GBwoIDg0HBQgHCBEJFhENFxMZGBYTFhUaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0KEAUQEC8cFhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAAAgf/xAAVEAEBAAAAAAAAAAAAAAAAAAAAEf/EABYBAAMAAAAAAAAAAAAAAAAAAAABA//EABYRAQEBAAAAAAAAAAAAAAAAAAASEf/aAAwDAQACEQMRAD8A1oTSmnChNBgh/9k=","srcSet":"https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?dpr=0.25 767w,https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?dpr=0.5 1535w,https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?dpr=0.75 2303w,https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png 3071w","src":"https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png","webpSrcSet":"https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?dpr=0.25&fm=webp 767w,https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?dpr=0.5&fm=webp 1535w,https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?dpr=0.75&fm=webp 2303w,https://www.datocms-assets.com/38195/1614939774-deploy-preview-377-bonsai-marketing-netlify-apptalk-macbook-pro.png?fm=webp 3071w","alt":null,"title":null,"width":3071,"height":1919,"sizes":"(max-width: 3071px) 100vw, 3071px","aspectRatio":1.600312662845232}}}]},{"id":"11295754","slug":"portman-smile-clinic","title":"Providing confidence and smiling customers","publishDate":"2020-04-17T00:00:00+01:00","article":"

Portman Dental Care needed help driving traffic to their Smile Clinics, practices specifically catering for smile improvement treatments.

\n\n

What is Portman Smile Clinic?

\n\n

Portman 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\n

The problem

\n\n

Smile 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\n

Find practices

\n\n

The 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\n

The goals were the following:

\n\n
    \n
  1. Capture leads based on specific SEO search terms, specifically the different types of treatments.
  2. \n
  3. Direct potential customers to their local practice to make it easy for them to make an appointment.
  4. \n
  5. Make it easy for practices to cross-refer patients, in the case that a lead had registered interest at a practice far from their vicinity.
  6. \n
\n\n

The 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\n

Smiles all round

\n\n

The 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\n\n","imageCarousel":[{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoIEQgVEw0OFQwJDg0NDhENFg0NFxUZGCIfFhUaNisjGh0oHRUiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLAg0OEA0QHDsdFhwvLy8vLy87Oy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAABBAADBv/EAB4QAAEDBAMAAAAAAAAAAAAAAAMAAQQCBTEyEhQh/8QAFQEBAQAAAAAAAAAAAAAAAAAABAP/xAAbEQACAQUAAAAAAAAAAAAAAAAABlECAwQTFP/aAAwDAQACEQMRAD8Ay0QAGJlEkUFUnKbj2Z2JurGtD9jZJqtMYKjKQoEDxw01N6onZNpfnsip62Mv0oMH/9k=","srcSet":"https://www.datocms-assets.com/38195/1606389281-portman-home.png?dpr=0.25 472w,https://www.datocms-assets.com/38195/1606389281-portman-home.png?dpr=0.5 944w,https://www.datocms-assets.com/38195/1606389281-portman-home.png?dpr=0.75 1416w,https://www.datocms-assets.com/38195/1606389281-portman-home.png 1888w","src":"https://www.datocms-assets.com/38195/1606389281-portman-home.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389281-portman-home.png?dpr=0.25&fm=webp 472w,https://www.datocms-assets.com/38195/1606389281-portman-home.png?dpr=0.5&fm=webp 944w,https://www.datocms-assets.com/38195/1606389281-portman-home.png?dpr=0.75&fm=webp 1416w,https://www.datocms-assets.com/38195/1606389281-portman-home.png?fm=webp 1888w","alt":null,"title":null,"width":1888,"height":1180,"sizes":"(max-width: 1888px) 100vw, 1888px","aspectRatio":1.6}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLCgoLDhoXFg0NDh0dFh0OGBUdHSITFiEmJSsjGh0oHSEWJDUlKC0vMjIyHSI4PTcwPCsxMi8BCgsLDg0OHA0OHDsdFhwvLy8vLzs7OzsvLy8vLy8vLy8vLzs7Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAABwMEBf/EAB8QAAEFAAIDAQAAAAAAAAAAAAEAAgMEBREiEhUyBv/EABUBAQEAAAAAAAAAAAAAAAAAAAMC/8QAGBEAAwEBAAAAAAAAAAAAAAAAAQIDABH/2gAMAwEAAhEDEQA/AM6OnUaSQ0qvHUZPc4awprS/lcyBp6hR5mFltsE+AQiT8yl1y4lzxE/4KE1/Q51iweg4CEJlTusUXf/Z","srcSet":"https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606389890-portman-teeth.png 1712w","src":"https://www.datocms-assets.com/38195/1606389890-portman-teeth.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606389890-portman-teeth.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgVChUXDgwQFg0NGBUSFg0YFx8ZHBYTFhUaHysjGh0oKRUiJTUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OEA0OFS8cIhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAZAAABBQAAAAAAAAAAAAAAAAAFAAIDBAb/xAAdEAAABgMBAAAAAAAAAAAAAAAAAQIDBAUGESEy/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgMB/8QAFhEBAQEAAAAAAAAAAAAAAAAAAgAS/9oADAMBAAIRAxEAPwDUScbr19D2sfgJZ0CtnYV8RvZitBvax9OjIYlAihj41WK9BAyxKrldIIDVXF//2Q==","srcSet":"https://www.datocms-assets.com/38195/1606389877-portman-map.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606389877-portman-map.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606389877-portman-map.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606389877-portman-map.png 1712w","src":"https://www.datocms-assets.com/38195/1606389877-portman-map.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389877-portman-map.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606389877-portman-map.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606389877-portman-map.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606389877-portman-map.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoXDhgVDhQNDh0QFhESFxUdGBYfHSEiKy0jHR0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OFQ0NHDscFhwvLy8vLy87Oy8vLy8vLy8vLy8vLy81Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAEBQABAv/EAB8QAAIBBAIDAAAAAAAAAAAAAAQFAAECAzERcRIhIv/EABYBAQEBAAAAAAAAAAAAAAAAAAIBAP/EABgRAQADAQAAAAAAAAAAAAAAAAACERIB/9oADAMBAAIRAxEAPwBg2HTYDKcQ9SEmKvpHDBGnKI5hS1QqGyfMXZjTNiBJ57kjagq+7J633Lk0z//Z","srcSet":"https://www.datocms-assets.com/38195/1606389883-portman-practice.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606389883-portman-practice.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606389883-portman-practice.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606389883-portman-practice.png 1712w","src":"https://www.datocms-assets.com/38195/1606389883-portman-practice.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389883-portman-practice.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606389883-portman-practice.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606389883-portman-practice.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606389883-portman-practice.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}}]},{"id":"11296292","slug":"pigeon-loans","title":"Strengthening a startup with UX design","publishDate":"2020-06-22T00:00:00+01:00","article":"

Pigeon 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\n

What is Pigeon Loans?

\n\n

Pigeon 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\n

The problem

\n\n

The 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\n

Bringing user's needs front-and-center

\n\n

I 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\n

Using 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\n

The 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\n

Result

\n\n

The 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\n

What is DenGro?

\n\n

DenGro 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\n

The problem

\n\n

DenGro 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\n

Stand out from the crowd

\n\n

We decided that there were a two key areas that needed improvement

\n\n\n\n

Being 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\n

Other 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\n

DenGrowing

\n\n

After 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\n\n","imageCarousel":[{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLDwoXDhUPDRYZDh0OFhUYFx8bGCIVFhUaKy0jHR0oHSEWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDsdHSg7NTsvLy87OzsvLzs7Ly8vLy8vLzUvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA8AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAABwIDBP/EAB4QAAICAgIDAAAAAAAAAAAAAAECAAQDEQUSITKR/8QAFQEBAQAAAAAAAAAAAAAAAAAABQL/xAAaEQACAgMAAAAAAAAAAAAAAAAAAQIDBAUV/9oADAMBAAIRAxEAPwDXh4awo10Muq8RZGUnoYyVoYA3oJNamBG2EEUntmxC/OtmLGzx1tc3hDCM1qVd22ca/ISOkw1ztbP/2Q==","srcSet":"https://www.datocms-assets.com/38195/1606389968-dengro-home.png?dpr=0.25 472w,https://www.datocms-assets.com/38195/1606389968-dengro-home.png?dpr=0.5 944w,https://www.datocms-assets.com/38195/1606389968-dengro-home.png?dpr=0.75 1416w,https://www.datocms-assets.com/38195/1606389968-dengro-home.png 1888w","src":"https://www.datocms-assets.com/38195/1606389968-dengro-home.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389968-dengro-home.png?dpr=0.25&fm=webp 472w,https://www.datocms-assets.com/38195/1606389968-dengro-home.png?dpr=0.5&fm=webp 944w,https://www.datocms-assets.com/38195/1606389968-dengro-home.png?dpr=0.75&fm=webp 1416w,https://www.datocms-assets.com/38195/1606389968-dengro-home.png?fm=webp 1888w","alt":null,"title":null,"width":1888,"height":1180,"sizes":"(max-width: 1888px) 100vw, 1888px","aspectRatio":1.6}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFBELDxAQDg8NDh0RFhoMFx8ZGCIVFhUmKysjGh4oHSEiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLAg0OHBAQHDsoGig7NTU7Ozs7Ozs1OzUvLy8vLy8vLy87Oy87Ly8vLy81Ly8vNTUvLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAACBwABBf/EACIQAAECBAcBAAAAAAAAAAAAAAEAAgMEBhIREyEiMUKRBf/EABYBAQEBAAAAAAAAAAAAAAAAAAQFAv/EAB0RAAAFBQAAAAAAAAAAAAAAAAABAgUGAwQSFUH/2gAMAwEAAhEDEQA/ANplNTkJpFhQytNT2cSGlMu1juo8QAWRMA0KipzkhhlW8e1BdRqZ+k6Lowqkybt3CizsJECZuh9H/9k=","srcSet":"https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png 1712w","src":"https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606389975-dengro-pricing.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDh0QFRkNDh0VFhokHR8ZHRYVFiEaKyslGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLAg0OHBAQHDsoIigvLzUvOzU7LzsvNS8vLy8vLy8vOy87Ly87Ly8vLy8vLzsvLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAGAwD/xAAfEAABBAICAwAAAAAAAAAAAAACAAEDBAYRMVETISL/xAAVAQEBAAAAAAAAAAAAAAAAAAAEAv/EABsRAAEEAwAAAAAAAAAAAAAAAAABAgUHBBEV/9oADAMBAAIRAxEAPwBDZxiGuWlKLGQlP5Te/SjmkbtSio+Em0mLKWKKfky7kC7YiW/TLJsIEzcLKupYIJXS2z//2Q==","srcSet":"https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606389981-dengro-tips.png 1712w","src":"https://www.datocms-assets.com/38195/1606389981-dengro-tips.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606389981-dengro-tips.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLEBUXDhgQFhINDh0WFg4QFxUZGBYVFiEdKysjHR0oHRUiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLAg0OHBARHDsoIigvLzs7Ly87Oy8vLy8vLy8vLzs7Ozs7Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAABwECBf/EAB0QAAEEAwEBAAAAAAAAAAAAAAEAAgMEBSGRMhL/xAAWAQEBAQAAAAAAAAAAAAAAAAAFBAL/xAAaEQACAgMAAAAAAAAAAAAAAAAABQIDAQQV/9oADAMBAAIRAxEAPwDRZgbkVcgsKirgLOyWlMw12SR+QqMrxRN8hKzZuMlt285kLibAWnDTDxCZnzCG7a3iFjoNw/N7c//Z","srcSet":"https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png 1712w","src":"https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606389987-dengro-what-do.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}}]},{"id":"11294256","slug":"st-austell","title":"A new wholesale website for all your off-license supplies","publishDate":"2020-04-17T00:00:00+01:00","article":"

St 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\n

What is St Austell Brewery?

\n\n

St 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\n

The problem

\n\n

Due 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\n

Saving time, saving money

\n\n

The 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\n\n\n

It 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\n

Results

\n\n

Due 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\n","imageCarousel":[{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLCgoPFhYQDg0TFh0VFRoOFx8ZGBYTIhYuHysjHSkoHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0PEBAQHC8oIhwvLy8vLy87LzsvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAFBgECB//EACAQAAIBBAEFAAAAAAAAAAAAAAEDAAIEBREGEhMhMTL/xAAWAQEBAQAAAAAAAAAAAAAAAAACAQD/xAAYEQACAwAAAAAAAAAAAAAAAAAAAQIREv/aAAwDAQACEQMRAD8A1p+PS09R8StFij53Bl3m+x7MFM5RSsk7hckIbFWSF1bA2ZMX8RyNd23RMmbaJR//2Q==","srcSet":"https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606387389-st-austell-home.png 1712w","src":"https://www.datocms-assets.com/38195/1606387389-st-austell-home.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606387389-st-austell-home.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgsICBILDg0LDRgNDhIJDRIaDhEYFxUZGBYTFhUaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OFhEREC8dFh0vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAABAMFB//EABsQAAICAwEAAAAAAAAAAAAAAAABAhEDBRIV/8QAFAEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANWza3E42hfzo1RaZU3Ei4YEitbFIB+UJcgBf//Z","srcSet":"https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606387440-st-austell-products.png 1712w","src":"https://www.datocms-assets.com/38195/1606387440-st-austell-products.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606387440-st-austell-products.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLChALFRAVEg0NFCQOGgkYFxUZGBYTFiEdJisjHSkoHRUWJDUlKDkvMjIyGSI4PTcwPCsxMi8BCgsLDg0OHREOHC8cFhwvLy8vLy87Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAABAIFB//EABwQAAICAwEBAAAAAAAAAAAAAAARAQIDBAUxEv/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDV54+rNmpDNyta2NJIeI5YdJAqmeRr1r6A1PyvQAv/2Q==","srcSet":"https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606387425-st-austell-product.png 1712w","src":"https://www.datocms-assets.com/38195/1606387425-st-austell-product.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606387425-st-austell-product.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}},{"desktopImage":{"responsiveImage":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgFCgoFBQwFBQUFBREJCgUMFxMZGBYTFhUaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLBQUFEAUFEC8cFhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABAAGAMBIgACEQEDEQH/xAAVAAEBAAAAAAAAAAAAAAAAAAAAB//EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAVAQEBAAAAAAAAAAAAAAAAAAACAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AKyAJACT/9k=","srcSet":"https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?dpr=0.25 428w,https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?dpr=0.5 856w,https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?dpr=0.75 1284w,https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png 1712w","src":"https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png","webpSrcSet":"https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?dpr=0.25&fm=webp 428w,https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?dpr=0.5&fm=webp 856w,https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?dpr=0.75&fm=webp 1284w,https://www.datocms-assets.com/38195/1606387411-st-austell-basket.png?fm=webp 1712w","alt":null,"title":null,"width":1712,"height":1140,"sizes":"(max-width: 1712px) 100vw, 1712px","aspectRatio":1.5017543859649123}}}]}]}}},"__N_SSG":true}