[{"data":1,"prerenderedAt":311},["ShallowReactive",2],{"/works":3,"content-query-qSAeqmFOID":43,"projects":65},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":5,"title":7,"description":5,"body":8,"_type":37,"_id":38,"_source":39,"_file":40,"_stem":41,"_extension":42},"/works","",false,"Projects",{"type":9,"children":10,"toc":34},"root",[11],{"type":12,"tag":13,"props":14,"children":15},"element","works",{},[16,26],{"type":12,"tag":17,"props":18,"children":19},"template",{"v-slot:title":5},[20],{"type":12,"tag":21,"props":22,"children":23},"p",{},[24],{"type":25,"value":7},"text",{"type":12,"tag":17,"props":27,"children":28},{"v-slot:subtitle":5},[29],{"type":12,"tag":21,"props":30,"children":31},{},[32],{"type":25,"value":33},"A list of projects I've worked on",{"title":5,"searchDepth":35,"depth":35,"links":36},2,[],"markdown","content:2.works.md","content","2.works.md","2.works","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":5,"title":7,"description":5,"body":44,"_type":37,"_id":38,"_source":39,"_file":40,"_stem":41,"_extension":42},{"type":9,"children":45,"toc":63},[46],{"type":12,"tag":13,"props":47,"children":48},{},[49,56],{"type":12,"tag":17,"props":50,"children":51},{"v-slot:title":5},[52],{"type":12,"tag":21,"props":53,"children":54},{},[55],{"type":25,"value":7},{"type":12,"tag":17,"props":57,"children":58},{"v-slot:subtitle":5},[59],{"type":12,"tag":21,"props":60,"children":61},{},[62],{"type":25,"value":33},{"title":5,"searchDepth":35,"depth":35,"links":64},[],[66,97,120,146,171,198,221,242,264,288],{"_path":67,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":69,"description":70,"name":71,"release":72,"image":73,"link":74,"featured":75,"layout":76,"category":77,"client":78,"role":79,"summary":80,"highlights":81,"stack":86,"body":90,"_type":37,"_id":94,"_source":39,"_file":95,"_stem":96,"_extension":42},"/projects/artwork","projects","Artwork","Artwork Kenya runs studios in Nairobi and Eldoret and has fifteen years of built work behind it, so the site is deliberately quiet — large photography, generous space, and copy that stays out of the way. Beyond the portfolio it also has to serve the firm's design school, which meant carving out a second enrolment path without letting it compete with the client work.","Artwork Kenya",2026,"/projects/artwork.png","https://artwork-kenya.co.ke/",true,"project","Studio portfolio","Artwork Kenya Limited","Design & development","An interior design and architecture practice working across residential, corporate and hospitality spaces.",[82,83,84,85],"Image-forward home with card-based service tiles and numbered differentiators","Portfolio, Impact and About sections built around project photography","Enrolment route for the Artwork Design School running through the contact page","Dual-office contact details for the Nairobi and Eldoret studios",[87,88,89],"Nuxt 3","Vue","Tailwind CSS",{"type":9,"children":91,"toc":92},[],{"title":5,"searchDepth":35,"depth":35,"links":93},[],"content:projects:artwork.md","projects/artwork.md","projects/artwork",{"_path":98,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":99,"description":100,"name":101,"release":72,"image":102,"link":103,"featured":75,"layout":76,"category":104,"client":101,"role":79,"summary":105,"highlights":106,"stack":111,"body":113,"_type":37,"_id":117,"_source":39,"_file":118,"_stem":119,"_extension":42},"/projects/ej","Ej","EJ & Associates is a boutique CPA practice pitching Big Four calibre work at a partner-led scale, which is a positioning argument the site has to make quickly and without overclaiming. The answer was a restrained corporate layout — one architectural hero, a stat band, then six clearly separated practice areas — plus a resources hub that gives prospects something useful before they ever fill in a form.","EJ & Associates LLP","/projects/ej.png","https://ej-and-associates.web.app/","Professional services","A Nairobi accountancy firm offering audit, tax and advisory work to businesses across East Africa.",[107,108,109,110],"Six practice areas from audit and tax through to BPO and training, each individually linkable","Resources hub split between partner articles and downloadable templates and checklists","Three-step engagement sequence and an expandable FAQ accordion","Enquiry form backed by a stated two-business-day partner response promise",[87,88,89,112],"Firebase Hosting",{"type":9,"children":114,"toc":115},[],{"title":5,"searchDepth":35,"depth":35,"links":116},[],"content:projects:ej.md","projects/ej.md","projects/ej",{"_path":121,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":122,"description":123,"name":122,"release":72,"image":124,"link":125,"featured":75,"layout":76,"category":126,"client":127,"role":79,"summary":128,"highlights":129,"stack":134,"body":139,"_type":37,"_id":143,"_source":39,"_file":144,"_stem":145,"_extension":42},"/projects/hughvies","Hughvies","Hughvies is a self-directed build — a full streaming interface with browse, discovery, search and per-user watchlists, wrapped in the kind of dark cinematic shell the genre expects. It ships as a PWA with a service worker, so it installs to a home screen and behaves like a native app rather than a bookmarked page.","/projects/hughvies.png","https://Hughvies.web.app/","Web app","Personal project","A streaming front-end for movies and TV shows, built as an installable progressive web app.",[130,131,132,133],"Auto-rotating hero carousel with rating, certification and genre metadata","Ranked Top 10 rails alongside Movies, TV Shows and Discover browsing","Per-user accounts with a persistent Add to List watchlist","Installable PWA with offline-capable service worker and web manifest",[135,136,137,138],"Vue 3","Vite","Firebase","PWA",{"type":9,"children":140,"toc":141},[],{"title":5,"searchDepth":35,"depth":35,"links":142},[],"content:projects:hughvies.md","projects/hughvies.md","projects/hughvies",{"_path":147,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":148,"description":149,"name":150,"release":72,"image":151,"link":152,"featured":75,"layout":76,"category":153,"client":154,"role":155,"summary":156,"highlights":157,"stack":162,"body":164,"_type":37,"_id":168,"_source":39,"_file":169,"_stem":170,"_extension":42},"/projects/magpie-studio","Magpie Studio","Photography by MAgPIE needed a site that stays out of the pictures' way — a dated grid of recent shoots, individual gallery pages, and a booking route that is never more than one tap from anywhere. The palette is a bronze and stone set drawn from the brand mark, and the layout leans classic rather than fashionable so the work ages better than the container.","MAgPIE Studio","/projects/studio.png","https://studio.magpiethebrand.com/","Photography portfolio","Photography by MAgPIE","Photography, design & development","The portfolio and booking home for my own photography practice, covering weddings, portraits and events.",[158,159,160,161],"Recent work grid linking through to per-shoot gallery pages","Session booking flow surfaced in the header, hero and closing section","Dated, categorised entries covering weddings, portraits, events and corporate work","Serving Nairobi and Kiambu with direct phone, email and social contact",[87,88,89,163],"Cloudflare",{"type":9,"children":165,"toc":166},[],{"title":5,"searchDepth":35,"depth":35,"links":167},[],"content:projects:magpie-studio.md","projects/magpie-studio.md","projects/magpie-studio",{"_path":172,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":173,"description":174,"name":175,"release":72,"image":176,"link":177,"featured":75,"layout":76,"category":178,"client":179,"role":79,"summary":180,"highlights":181,"stack":186,"body":191,"_type":37,"_id":195,"_source":39,"_file":196,"_stem":197,"_extension":42},"/projects/spin-and-gears","Spin And Gears","Spin & Gears has been importing and refurbishing second-hand bikes from the UK, Netherlands and USA since 2010, and sells to riders and bike shops alike. That made this the largest build of the set — a real storefront with cart, accounts and a loyalty scheme, sitting alongside a wholesale enquiry track, a servicing arm and a community events programme, all editable through a headless CMS.","Spin and Gears","/projects/sng.png","https://spinandgears.com/","E-commerce","Spin & Gears","A Kenyan bicycle retailer selling imported, refurbished bikes online, in four stores and to the trade.",[182,183,184,185],"Product catalogue with cart, checkout, customer accounts and a rides-and-service loyalty scheme","Separate B2B wholesale enquiry path for bike shops buying stock","Servicing, events and CSR sections supporting the community-building side of the business","Content managed end to end in Payload CMS, with WhatsApp chat and four store locations",[187,188,189,190],"Next.js","React","Payload CMS","Railway",{"type":9,"children":192,"toc":193},[],{"title":5,"searchDepth":35,"depth":35,"links":194},[],"content:projects:spin-and-gears.md","projects/spin-and-gears.md","projects/spin-and-gears",{"_path":199,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":200,"description":201,"name":200,"release":202,"image":203,"link":204,"featured":6,"layout":76,"category":205,"client":200,"role":79,"summary":206,"highlights":207,"stack":212,"body":214,"_type":37,"_id":218,"_source":39,"_file":219,"_stem":220,"_extension":42},"/projects/magpie-journal","MAgPIE Journal","MAgPIE Journal is a personal journalling app for Android, and this is the page that sells it. It has one job — get a visitor to the Play Store — so the whole layout is a single decision: a serif headline, one line of explanation, paired device mockups showing the media grid and the timeline view, and the install button.",2024,"/projects/MA-journal.png","https://magpie-journal.web.app/","Product landing page","The launch page for an Android journaling app that captures entries as text, media and tags.",[208,209,210,211],"Single-screen hero built around paired Android device mockups","Shows both the media grid and dated timeline views of the app","Direct Google Play install as the only call to action","Analytics wired in to track referral and install intent",[88,213,112],"Vue CLI",{"type":9,"children":215,"toc":216},[],{"title":5,"searchDepth":35,"depth":35,"links":217},[],"content:projects:MAgPIE-Journal.md","projects/MAgPIE-Journal.md","projects/MAgPIE-Journal",{"_path":222,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":223,"description":224,"name":223,"release":202,"image":225,"link":226,"featured":75,"layout":76,"category":227,"client":223,"role":79,"summary":228,"highlights":229,"stack":234,"body":235,"_type":37,"_id":239,"_source":39,"_file":240,"_stem":241,"_extension":42},"/projects/ahtram-international","Ahtram International","Ahtram International has spent over fifteen years importing and distributing consumer goods across Kenya and the wider East African market. The site had to speak to two very different audiences at once — international manufacturers looking for a route into the region, and local distributors looking for stock — so the structure leads with credibility (100+ brands, 50+ countries, 3000+ clients) before splitting into separate paths for each.","/projects/ahtram.png","https://ahtraminternational.com/","Corporate site","A trading house in Nairobi that moves global consumer brands into East African retail.",[230,231,232,233],"Dedicated business-line pages for Global Trading, Real Estate and Hospitality","Brand partner wall carrying Samsung, Panasonic, DeLonghi, Breville and Russell Hobbs","Editorial blog section for company news and market updates","Distributor onboarding funnel with contact CTAs threaded through every section",[87,88,89],{"type":9,"children":236,"toc":237},[],{"title":5,"searchDepth":35,"depth":35,"links":238},[],"content:projects:ahtram-international.md","projects/ahtram-international.md","projects/ahtram-international",{"_path":243,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":244,"description":245,"name":246,"release":202,"image":247,"link":248,"featured":6,"layout":76,"category":249,"client":246,"role":79,"summary":250,"highlights":251,"stack":256,"body":257,"_type":37,"_id":261,"_source":39,"_file":262,"_stem":263,"_extension":42},"/projects/nectar-and-gold","Nectar And Gold","Nectar & Gold sell an escape rather than an itinerary, so the site is written and laid out as a magazine — full-bleed wildlife photography, serif headings, italic pull quotes, and short reflective copy about stillness rather than hard-sell package listings. Every path eventually converges on a single Plan a Trip funnel, since the product is bespoke and starts with a conversation.","Nectar & Gold Safaris","/projects/nectar-and-gold.png","https://nectarandgoldsafaris.com/","Travel & tourism","A boutique operator designing custom luxury safaris across Kenya, Tanzania and Zanzibar.",[252,253,254,255],"Destination landing pages for Kenya, Tanzania and Zanzibar","Experiences and sample itineraries feeding one Plan a Trip enquiry funnel","Safari Diaries editorial section and a newsletter capture","Live Instagram feed plus WhatsApp, Facebook and TikTok contact routes",[87,88,89,112],{"type":9,"children":258,"toc":259},[],{"title":5,"searchDepth":35,"depth":35,"links":260},[],"content:projects:nectar-and-gold.md","projects/nectar-and-gold.md","projects/nectar-and-gold",{"_path":265,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":266,"description":267,"name":268,"release":202,"image":269,"link":270,"featured":6,"layout":76,"category":271,"client":127,"role":79,"summary":272,"highlights":273,"stack":278,"body":281,"_type":37,"_id":285,"_source":39,"_file":286,"_stem":287,"_extension":42},"/projects/portfolio","Portfolio","The earlier iteration of my own portfolio, and the codebase this current version grew out of. Every page is a markdown file resolved through a catch-all route, so writing a new page means writing content rather than components — which is the part I wanted to get right before anything else.","Portfolio Hughherschell","/projects/portfolio.png","https://portfolio-hughherschell.web.app/","Personal site","The previous version of this portfolio — a content-driven site where every page is markdown.",[274,275,276,277],"Content-driven architecture with two catch-all routes serving every page","Markdown files in content/ mapped one-to-one onto Vue components","CSS-variable theme layer over Tailwind for semantic colour tokens","Contact form running over SMTP through a Nitro server route",[87,279,280,89],"Nuxt Content","Nuxt UI",{"type":9,"children":282,"toc":283},[],{"title":5,"searchDepth":35,"depth":35,"links":284},[],"content:projects:portfolio.md","projects/portfolio.md","projects/portfolio",{"_path":289,"_dir":68,"_draft":6,"_partial":6,"_locale":5,"title":290,"description":291,"name":292,"release":293,"image":294,"link":295,"featured":6,"layout":76,"category":296,"client":292,"role":79,"summary":297,"highlights":298,"stack":303,"body":304,"_type":37,"_id":308,"_source":39,"_file":309,"_stem":310,"_extension":42},"/projects/this-is-me","This Is Me","This Is Me Community describe themselves as challenging the way we exist — finding ways to leverage humanity for good and move the sustainable development goals forward. The site keeps the structure deliberately small so the ask stays visible, with a split-screen crimson and charcoal hero that puts the people it serves directly beside the donate button.","This Is Me Community",2023,"/projects/tim.png","https://this-is-me-c59ca.web.app/","Non-profit","A community organisation working toward the sustainable development goals by leveraging humanity for good.",[299,300,301,302],"Split-screen hero pairing the mission statement with community photography","Tight three-part structure — Who We Are, How We Help, Contact Us","Donate as the primary and persistent call to action","Crimson and charcoal identity carried through custom geometric motifs",[135,136,112],{"type":9,"children":305,"toc":306},[],{"title":5,"searchDepth":35,"depth":35,"links":307},[],"content:projects:this-is-me.md","projects/this-is-me.md","projects/this-is-me",1788820461063]