[{"data":1,"prerenderedAt":408},["ShallowReactive",2],{"home":3},{"about":4,"services":38,"projects":114},{"id":5,"title":6,"body":7,"description":28,"extension":29,"extras":30,"image":30,"imageAlt":30,"meta":31,"navigation":32,"path":33,"seo":34,"stem":35,"subhead":36,"__hash__":37},"pages\u002Fhome.md","One developer. No account managers.",{"type":8,"value":9,"toc":24},"minimark",[10,14,21],[11,12,13],"p",{},"Hi, I'm Forbes. From the first chat to launch day and every change after, you deal with me directly, so nothing gets lost between a salesperson, a project manager and a developer.",[11,15,16,17,20],{},"I ran a telecoms company before teaching myself to code, because the website tools of the day wouldn't give me rounded corners. ",[18,19],"years-experience",{}," years on, I build fast websites and web apps for businesses across Edinburgh and beyond.",[11,22,23],{},"The team is me and Teela, who handles accounts, cleaning and morale.",{"title":25,"searchDepth":26,"depth":26,"links":27},"",2,[],"Forbes Gray is a freelance website developer in Edinburgh, building fast, good-looking websites for Scottish businesses without the agency price tag.","md",null,{},true,"\u002Fhome",{"title":6,"description":28},"home","About","76RltKxE2FXN_0C1WVuk8xbcerKbT9vKsAmGd1lvppY",[39,67,93],{"path":40,"shortTitle":41,"summary":42,"packages":43},"\u002Fservices\u002Fbrochure-websites","Brochure websites","A fast, simple site to put your business on the map. 5 to 15 pages, free domain and hosting.",[44,55,60],{"name":45,"features":46,"price":54},"Starter Website",[47,48,49,50,51,52,53],"Fast Static Website","Up to 5 pages","Free Domain Name","Free Hosting","Free SSL Certificate","Fully SEO Optimised","Search Engine Submission","£895",{"name":56,"features":57,"price":59},"Business Website",[47,58,49,50,51,52,53],"Up to 15 pages","£1,495",{"name":61,"features":62,"price":66},"CMS Business Website",[47,63,64,51,65,52,53],"Up to 15 pages & 5 layouts","Headless CMS Integration","Free Domain Name & Hosting","£1,795",{"path":68,"shortTitle":69,"summary":70,"packages":71},"\u002Fservices\u002Fcms-websites","Websites you can edit","Update your own pages, news and menus through an easy content editor, without the WordPress bloat.",[72,80,87],{"name":73,"features":74,"price":79},"Starter Headless CMS Website",[75,76,64,49,50,51,77,53,78],"Fast Static CMS Website","Up to 5 page layouts","Search Engine Optimised","Regular Website Health Report","£1,395",{"name":81,"features":82,"price":86},"Business Standard Headless CMS Website",[83,84,64,49,85,51,77,53,78],"Fast Static or Server Rendered Website","Up to 10 page layouts","Free Static Hosting","£1,895",{"name":88,"features":89,"price":92},"Business Growth Headless CMS Website",[90,91,64,51,49,85,77,53,78],"Fast Static or SSR Website","Up to 15 layouts","£2,395",{"path":94,"shortTitle":95,"summary":96,"packages":97},"\u002Fservices\u002Fecommerce-website-design","Online shops","Sell your products online with Shopify or a custom checkout, built to load fast on phones.",[98,105,109],{"name":99,"features":100,"priceFrom":104},"Starter Ecommerce Website",[101,76,49,85,52,53,102,103],"Fast Headless Ecommerce Website","Google Analytics and Ads Integration","Initial Support","£1,995",{"name":106,"features":107,"priceFrom":108},"Business Ecommerce Website",[101,84,65,52,53,102,103],"£2,750",{"name":110,"features":111,"priceFrom":113},"Growth Ecommerce Website",[101,84,64,65,52,53,102,112,103],"Regular Performance Reports","£3,495",[115,188,267,339],{"id":116,"title":117,"body":118,"carousel":30,"category":169,"description":170,"displayOrder":171,"extension":29,"featured":32,"features":172,"fullImage":30,"image":179,"imageAlt":180,"meta":181,"mockup":182,"navigation":32,"path":183,"repo":30,"seo":184,"stem":185,"subhead":186,"url":131,"__hash__":187},"projects\u002Fportfolio\u002Fecommerce\u002Fgranite-setts-direct.md","Granite Setts Direct",{"type":8,"value":119,"toc":166},[120,125,136,139,154,163],[121,122,124],"h2",{"id":123},"server-side-rendered-headless-e-commerce-application","Server-side Rendered Headless E-Commerce Application",[11,126,127,128,135],{},"I was approached by Granite Setts Direct Ltd to develop an e-commerce website to\nsell ",[129,130,134],"a",{"href":131,"rel":132},"https:\u002F\u002Fwww.granitesettsdirect.co.uk",[133],"nofollow","granite setts in the UK",".",[11,137,138],{},"On review of their competitors websites, we felt that there was a real opportunity\nto make the online buying process faster and more enjoyable for the customer. Traditional\ne-commerce platforms felt slow and cumbersome to navigate so the aim was to create a\nfast and straight forward and uncluttered user experience.",[11,140,141,142,147,148,153],{},"After our initial discussions with the client we agreed that we would use Vue to create\nthe UI and the ",[129,143,146],{"href":144,"rel":145},"https:\u002F\u002Fnuxtjs.org\u002F",[133],"Nuxt JS"," framework to take advantage of server-side rendering. In order to\nintegrate the e-commerce functionality without the weight of a full blown E-Commerce\nframework, we integrated the ",[129,149,152],{"href":150,"rel":151},"https:\u002F\u002Fwww.elasticpath.com\u002F",[133],"ElasticPath"," headless E-Commerce API which made the overall site very\nlight-weight, fast and responsive. This also allowed us to take full control of the\nflow of the buying process.",[11,155,156,157,162],{},"Alongside the shop, the site's pages and blog are managed in\n",[129,158,161],{"href":159,"rel":160},"https:\u002F\u002Fprismic.io\u002F",[133],"Prismic",", a headless CMS, so the team can keep content up to\ndate and publish new articles without needing a developer.",[11,164,165],{},"To design the site I worked closely with the client to create a clean, uncomplicated\nvisual experience to allow to customer to focus on the product itself.",{"title":25,"searchDepth":26,"depth":26,"links":167},[168],{"id":123,"depth":26,"text":124},"ecommerce","A headless ecommerce website application designed and developed for Granite Setts Direct Ltd using a headless E-Commerce API",1,[173,174,175,146,152,176,177,178],"HTML5","Tailwind CSS","Vue JS","Netlify","Prismic CMS","Ecommerce","\u002Fimages\u002Fprojects\u002Fweb-application\u002Fgranite-setts-direct.jpg","Granite Setts Direct - Headless Ecommerce Website",{},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Fgranite-setts-direct-mockup.png","\u002Fportfolio\u002Fecommerce\u002Fgranite-setts-direct",{"title":117,"description":170},"portfolio\u002Fecommerce\u002Fgranite-setts-direct","E-Commerce Website","s2eDnobRISNOKshMvge6yZB4mAZdsh7NLCJdOGv4ZQw",{"id":189,"title":190,"body":191,"carousel":30,"category":250,"description":251,"displayOrder":171,"extension":29,"featured":32,"features":252,"fullImage":30,"image":258,"imageAlt":259,"meta":260,"mockup":261,"navigation":32,"path":262,"repo":30,"seo":263,"stem":264,"subhead":265,"url":202,"__hash__":266},"projects\u002Fportfolio\u002Fweb-application\u002Flittle-city-treat.md","Little City Treat",{"type":8,"value":192,"toc":247},[193,197,206,209,212,219,222,225,228,231,234],[121,194,196],{"id":195},"booking-system-for-edinburgh-mobile-beauty-therapists","Booking System for Edinburgh Mobile Beauty Therapists",[11,198,199,200,205],{},"I was asked to create a bespoke booking system for a provider of ",[129,201,204],{"href":202,"rel":203},"https:\u002F\u002Fwww.littlecitytreat.com",[133],"mobile hairdressing & beauty\ntreatments in Edinburgh and Newcastle",". The company\nallows self-employed Beauty Professionals to set their own availability whose\navailability then feeds into the online booking system for the customers to book.",[11,207,208],{},"The project had three individual aspects; the client facing website with integrated\nbooking system and payment gateway, an application for the Beauty Professionals to\nmanage their availability, calendar and earnings, and the administrator\napplication to allow overall management of all aspects of the system.",[11,210,211],{},"There are a lot of third party online booking systems available however all of them were a\nlittle too rigid for our requirements and tend to feel as though they have been\nshoehorned into a site.",[11,213,214],{},[215,216],"img",{"alt":217,"src":218},"Mobile Booking Application","\u002Fimages\u002Fprojects\u002Fweb-application\u002Fbooking-mobile.jpg",[11,220,221],{},"It was important that the booking process be easy to use, fast and secure. After\nmuch consultation the process was finalised allowing customers to select their desired\ntreatments and choose by either date or therapist before confirming the booking and\ncompleting payment. Payment is made directly to the Service Provider through Stripe,\nand an application fee is taken for the booking.",[11,223,224],{},"There is also an e-commerce aspect of the site, initially to sell Gift Cards to be used in the\nbooking system, but can easily be expanded to sell additional products if required.",[11,226,227],{},"The entire application is written as a static site using the Nuxt JS framework. Business\nlogic is handled using serverless functions meaning that costs were kept low and\nthe other required applications could be seamlessly integrated into the system.",[11,229,230],{},"Progressive Web App implementation means that users can get an native app experience\nwhen using the booking system including notifications.",[11,232,233],{},"Little City Treat Edinburgh launched in Edinburgh at the start of 2020 and has\nnow expanded to Newcastle.",[11,235,236,237,241,242],{},"You can view the site and booking system at the following links - ",[129,238,240],{"href":202,"rel":239},[133],"Little City Treat Beauty Website"," and ",[129,243,246],{"href":244,"rel":245},"https:\u002F\u002Fbook.littlecitytreat.com",[133],"Beauty Booking System",{"title":25,"searchDepth":26,"depth":26,"links":248},[249],{"id":195,"depth":26,"text":196},"web-application","A Bespoke Online Booking System that allows customers to book last minute spa and salon treatments to be delivered to their home, office or hotel.",[173,174,175,146,253,254,255,256,257],"DatoCMS","Firebase","Progressive Web App","Stripe","ECommerce","\u002Fimages\u002Fprojects\u002Fweb-application\u002Flittle-city-treat.jpg","Little City Treat - Booking System Web Application",{},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Flittle-city-treat-mockup.png","\u002Fportfolio\u002Fweb-application\u002Flittle-city-treat",{"title":190,"description":251},"portfolio\u002Fweb-application\u002Flittle-city-treat","Bespoke Online Booking System","ocsO5XsR37LOohqT4RHzPxQQUIwt24nAZ9z0VH4EUTs",{"id":268,"title":269,"body":270,"carousel":30,"category":169,"description":327,"displayOrder":26,"extension":29,"featured":32,"features":328,"fullImage":30,"image":330,"imageAlt":331,"meta":332,"mockup":333,"navigation":32,"path":334,"repo":30,"seo":335,"stem":336,"subhead":337,"url":285,"__hash__":338},"projects\u002Fportfolio\u002Fecommerce\u002Fgsd-trade.md","GSD Trade",{"type":8,"value":271,"toc":323},[272,276,288,291,295,311],[121,273,275],{"id":274},"a-trade-only-ecommerce-platform","A Trade-Only Ecommerce Platform",[11,277,278,279,282,283,287],{},"Following on from the ",[129,280,117],{"href":281},"\u002Fportfolio\u002Fecommerce\u002Fgranite-setts-direct\u002F","\nretail site, I built ",[129,284,269],{"href":285,"rel":286},"https:\u002F\u002Fwww.gsdtrade.co.uk",[133],", a dedicated B2B platform\nfor supplying wholesale granite setts, kerbstones and paving to trade customers such as\nlandscapers, architects, builders merchants, civil engineering companies and local\nauthorities.",[11,289,290],{},"Unlike the retail site, GSD Trade is not open to the general public. Customers create a\ntrade account and log in to shop, so the whole experience is built around the needs of\nprofessional buyers placing bulk orders rather than one-off retail purchases.",[121,292,294],{"id":293},"how-its-built","How It's Built",[11,296,297,298,302,303,306,307,135],{},"The site is built with ",[129,299,146],{"href":300,"rel":301},"https:\u002F\u002Fnuxt.com\u002F",[133],", server-side rendering pages for\nspeed and search visibility. Product, cart, account and order functionality come from\nthe ",[129,304,152],{"href":150,"rel":305},[133]," headless commerce API, with payments\nhandled by ",[129,308,256],{"href":309,"rel":310},"https:\u002F\u002Fstripe.com\u002F",[133],[11,312,313,314,318,319,135],{},"Page content is managed in ",[129,315,253],{"href":316,"rel":317},"https:\u002F\u002Fwww.datocms.com\u002F",[133],", so the team can update the site without needing\na developer. The product catalogue is organised by stone type, finish and colour, with\nsite-wide search to help trade buyers find exactly what they need quickly. The site is\nhosted on ",[129,320,176],{"href":321,"rel":322},"https:\u002F\u002Fnetlify.com\u002F",[133],{"title":25,"searchDepth":26,"depth":26,"links":324},[325,326],{"id":274,"depth":26,"text":275},{"id":293,"depth":26,"text":294},"A trade-only B2B ecommerce web application for GSD Trade, the wholesale arm of Granite Setts Direct, built with Nuxt JS, ElasticPath and DatoCMS.",[175,146,152,253,256,176,178,329],"B2B","\u002Fimages\u002Fprojects\u002Fweb-application\u002Fgsd-trade.jpg","GSD Trade - B2B Wholesale Natural Stone Web Application",{},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Fgsd-trade-mockup.png","\u002Fportfolio\u002Fecommerce\u002Fgsd-trade",{"title":269,"description":327},"portfolio\u002Fecommerce\u002Fgsd-trade","B2B Trade Ecommerce Platform","BJbyaiSh_r03pbxOAuV34C9gj731AdXkc47XO4K3k7Y",{"id":340,"title":341,"body":342,"carousel":379,"category":250,"description":391,"displayOrder":392,"extension":29,"featured":32,"features":393,"fullImage":30,"image":398,"imageAlt":399,"meta":400,"mockup":401,"navigation":32,"path":402,"repo":30,"seo":403,"stem":404,"subhead":405,"url":406,"__hash__":407},"projects\u002Fportfolio\u002Fweb-application\u002Fduns-town-trail.md","Duns Town Trail",{"type":8,"value":343,"toc":376},[344,348,357,360,363,370,373],[121,345,347],{"id":346},"an-interactive-guided-tour-of-the-town-of-duns","An Interactive Guided Tour of the town of Duns",[11,349,350,351,356],{},"I was commissioned by ",[129,352,355],{"href":353,"rel":354},"https:\u002F\u002Fwww.aheartforduns.org\u002F",[133],"A Heart for Duns"," to create\nan App that would allow visitors to the town to follow the Duns Town Trail, highlighting\npoints of interest and providing some historical context to the buildings and landmarks in the town.",[11,358,359],{},"The trail itself has existed for some time, however it was only available in a\nprinted version and discussions had been on-going about created a digital format\nof the trail.",[11,361,362],{},"Designed specifically to be used on handheld devices as people walked around the\ntown, the site required to be clear, easy to follow and fast to load.",[11,364,365,366,135],{},"Using Gridsome, a static site generator for VueJS, I was able to produce a performant\nstatic Progressive Web App which could be installed on the users mobile phone for\nquick and easy access, was secure, and ",[367,368,369],"strong",{},"free to host",[11,371,372],{},"To allow the client to update the app themselves, I used the DatoCMS, a headless\ncontent management system which is perfect for this type of project. From a user\nfriendly web-based GUI, the client is able to update the content of the app and\nalso add additional points of interest in the future.",[11,374,375],{},"Map interactivity within the app is provided using the MapBox JavaScript SDK,\nand by obtaining the users location can display which points of interest are\naround them and access information about them directly from the map.",{"title":25,"searchDepth":26,"depth":26,"links":377},[378],{"id":346,"depth":26,"text":347},[380,385,388],{"src":381,"alt":382,"width":383,"height":384},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Ftown-trail\u002Ftrail-view.png","Town Trail",360,720,{"src":386,"alt":387,"width":383,"height":384},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Ftown-trail\u002Ftrail-map.png","Town Trail Map View",{"src":389,"alt":390,"width":383,"height":384},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Ftown-trail\u002Fwojtek-trail-view.png","Wojtek Trail View","A Progressive Web Application to help guide visitors around points of interest in the historic market town of Duns.",3,[394,395,175,396,253,397,176,255],"HTML","SCSS","Gridsome","MapBox","\u002Fimages\u002Fprojects\u002Fweb-application\u002Fduns-town-trail.jpg","Duns Town Trail - Progressive Web App",{},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Fduns-town-trail-mockup.png","\u002Fportfolio\u002Fweb-application\u002Fduns-town-trail",{"title":341,"description":391},"portfolio\u002Fweb-application\u002Fduns-town-trail","Guided Tour of the Town of Duns","https:\u002F\u002Ftown-trail.aheartforduns.org\u002F","pQRNT-V5R4jx5TNAmAI3kdFD8udU6SoZLGXipT6YE4Q",1794324750449]