[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"case-study-slugs":3,"projects":22,"case-study-defence-cinematics-a-custom-website-for-end-state-by-fastrak-creative":111},[4,7,10,13,16,19],{"id":5,"slug":6},6,"defence-cinematics-a-custom-website-for-end-state-by-fastrak-creative",{"id":8,"slug":9},7,"dirt-store-keeping-the-uk-s-off-road-store-up-to-speed",{"id":11,"slug":12},8,"john-lee-motorcycles-a-headless-shopify-build",{"id":14,"slug":15},3,"kecks-seamless-integration-of-trust-pilot-widgets",{"id":17,"slug":18},2,"moto101-ongoing-shopify-management",{"id":20,"slug":21},9,"moto101-from-shopify-template-to-bespoke-headless-build",[23,37,49,60,74,82,92,102],{"id":24,"card_image":25,"description":26,"name":27,"date":28,"link":29,"tags":30,"sort":34,"show_on_homepage":35,"case_study":36},11,"8a856a15-4bf3-4c75-b7df-3ac627b04e7c","A custom built site that matches the standard of its own work: cinematic, authoritative and credible.","End State","2026-10-01","https:\u002F\u002Fendstate.co\u002F",[31,32,33],"Custom Build","Service","UI \u002F UX",null,true,[],{"id":38,"card_image":39,"description":40,"name":41,"date":42,"link":43,"tags":44,"sort":34,"show_on_homepage":35,"case_study":48},12,"778c6218-36e5-487f-8f1c-7890f5befcff","Built for performance, designed to deliver results. We created a modern, high-performance Shopify Headless website that reflects John Lee Motorcycles’ reputation.","John Lee Motorcycles","2026-02-05","https:\u002F\u002Fwww.johnleemotorcycles.co.uk\u002F",[45,46,47],"E-Commerce","Headless","Shopify",[],{"id":50,"card_image":51,"description":52,"name":53,"date":54,"link":55,"tags":56,"sort":14,"show_on_homepage":35,"case_study":59},1,"b5c7d2b9-c3cb-45b7-81d2-adef16686e4e","UI tweaks and Trustpilot integration to enhance the shopping experience.","Kecks","2024-12-01","https:\u002F\u002Fkecks.co.uk",[57,58],"API Integration","UI Optimisation",[],{"id":61,"card_image":62,"description":63,"name":64,"date":65,"link":66,"tags":67,"sort":72,"show_on_homepage":35,"case_study":73},5,"f972659e-a9e4-41b0-883e-168de4cce68c","Web design and build for the UK's leading motocross facility","Moto 101","2024-01-01","https:\u002F\u002Fwww.moto101.co.uk\u002F",[68,69,70,71],"Booking System","E-commerce","SEO","Web Development",4,[17],{"id":14,"card_image":75,"description":76,"name":77,"date":78,"link":79,"tags":80,"sort":61,"show_on_homepage":35,"case_study":81},"d8e52ad4-7ca5-4639-aec2-b05b033ec801","The UK's fastest growing Motocross, Enduro & Trials Gear Shop","Dirt Store","2024-12-05","https:\u002F\u002Fdirtstore.co.uk\u002F",[69,58,71],[],{"id":83,"card_image":84,"description":85,"name":86,"date":87,"link":88,"tags":89,"sort":5,"show_on_homepage":35,"case_study":91},10,"a8df99d5-4465-4a11-833e-73b58bbe1e05","A digital presence that truly matches WBS’s standard of craftsmanship","Windsor Building Solutions","2025-04-01","https:\u002F\u002Fwindsorbuildingsolutions.co.uk\u002F",[90,70,32],"Custom design",[],{"id":72,"card_image":93,"description":94,"name":95,"date":96,"link":97,"tags":98,"sort":8,"show_on_homepage":35,"case_study":101},"30b54190-c71c-4548-a209-25de042eb8c4","Website design and build for this stunning 3 bedroom holiday cottage","Trevio Farmhouse","2024-10-15","https:\u002F\u002Ftreviofarmhouse.co.uk\u002F",[99,68,100,71],"Airbnb","Calendar Integration",[],{"id":11,"card_image":103,"description":104,"name":105,"date":106,"link":107,"tags":108,"sort":20,"show_on_homepage":35,"case_study":110},"1e3c4dd5-3f70-4af7-befa-165482c28af9","Website built to show off this beautiful Airbnb with integrated booking calendar","Waen Farmhouse","2024-07-16","https:\u002F\u002Fwaenfarmhouse.co.uk\u002F",[99,68,109],"Website Build",[],{"id":5,"title":112,"tags":113,"slug":6,"content":116,"featured_image":117,"SEO_Title":118,"SEO_Description":119,"header_tag":120,"case_study":34,"conclusion":121,"gallery":122},"Defence Cinematics: A Custom Website for End State by Fastrak Creative",[27,114,115],"Defence","UI\u002FUX Design","\u003Ch1>\u003Cstrong>End State – Cinematic Defence Website Design by Fastrak Creative\u003C\u002Fstrong>\u003C\u002Fh1>\n\u003Cp>End State makes specialist films and photography for defence, security and advanced technology. Their work is cinematic, precise and built to withstand scrutiny, so their website had to be too. Fastrak Creative designed and built a custom website with a dark, film-grade aesthetic and carefully choreographed motion. The result is a site that feels like the opening frames of an End State production.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"blob:https:\u002F\u002Fapi.fastrakcreative.com\u002F85b5bf2a-4b01-49b4-9b3b-f3a52ef44db3\">\u003C\u002Fp>\n\u003Ch2 id=\"the-brief\" data-lfile-container=\"35f1d6f1-4296-4e5e-8b51-cac226e9f200\" data-pm-slice=\"1 3 []\">1. The Brief\u003C\u002Fh2>\n\u003Cp>End State needed a website that matched the standard of its own work: cinematic, authoritative and credible to subject matter experts. Generic agency sites miss this audience, so the site had to bridge cinematic storytelling with operational reality.\u003C\u002Fp>\n\u003Cp>The main requirements were:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Reflect the brand's visual language\u003C\u002Fstrong> — dark, moody imagery with dramatic side and rear lighting, carried through every page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Feature bespoke artwork\u003C\u002Fstrong> — key field and studio photographs reworked into stylised, glitch-textured hero images for each page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Build trust quickly\u003C\u002Fstrong> — monochrome logos of key clients and accreditations (such as NSV, JOSCAR and the Armed Forces Covenant) high on the home page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Explain the offer clearly\u003C\u002Fstrong> — a value proposition and a structured breakdown of five specialist services, from operational showcases to bid and tender support.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Showcase the work\u003C\u002Fstrong> — a video-led portfolio headed by the showreel, alongside studio and field photography.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Demystify the process\u003C\u002Fstrong> — a step-by-step guide from first idea to final asset delivery.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Make contact simple\u003C\u002Fstrong> — a focused enquiry form capturing name, company, email and message.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"2-project-overview\">2. Project Overview\u003C\u002Fh2>\n\u003Cp>End State is a UK video and photography production company working exclusively in defence, security and advanced technology. Its clients and accreditations include the Ministry of Defence, Royal Marines Commando, DSTL, Thales, Leonardo, Helsing and the Metropolitan Police. Everything from concept and planning to filming, editing and secure asset delivery is handled in-house.\u003C\u002Fp>\n\u003Cp>End State came to Fastrak Creative for a website that matched the standard of its films. It needed to look as cinematic as the footage, communicate credibility to a highly technical audience, and stand apart from generic agency templates.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"blob:https:\u002F\u002Fapi.fastrakcreative.com\u002Fd95d38b9-906f-4388-b604-19f0590269c5\">\u003C\u002Fp>\n\u003Ch2 id=\"3-the-challenge\">3. The Challenge\u003C\u002Fh2>\n\u003Cp>Defence is a sector where image matters, but showiness can backfire. End State's audience of military personnel, defence engineers and security teams values precision, discretion and substance. A loud, over-designed website would undermine trust. A plain one would fail to show the cinematic quality End State is hired for.\u003C\u002Fp>\n\u003Cp>The brief had to balance several tensions:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Cinematic but credible.\u003C\u002Fstrong> The site needed the drama of a film title sequence while still reading as a serious, professional supplier.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Discretion by design.\u003C\u002Fstrong> Much defence work can't be shown publicly, so the design had to convey capability through atmosphere, typography and motion as much as through portfolio content.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Standing out in a niche.\u003C\u002Fstrong> Defence media suppliers often rely on stock templates. End State needed a bespoke look that was instantly recognisable.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Interactive without the weight.\u003C\u002Fstrong> Rich animation and real-time graphics can slow a site down and harm SEO. Every effect had to load fast and degrade gracefully on mobile and lower-powered devices.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Accessible to all.\u003C\u002Fstrong> Government and defence buyers expect accessibility standards to be met, so motion and contrast had to be handled responsibly.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cimg src=\"blob:https:\u002F\u002Fapi.fastrakcreative.com\u002F4e02dd78-6507-4932-a7a9-9920826615d4\">\u003C\u002Fp>","68da682a-1c22-4f2f-94c7-5a36051eb7f4","End State: Defence Production Website Design | Fastrak","See how Fastrak Creative designed and built a cinematic, custom website for End State, the UK defence and security video production company, in Nuxt and WebGL.","End State makes specialist films and photography for defence, security and advanced technology. Their work is cinematic, precise and built to withstand scrutiny, so their website had to be too. Fastrak Creative designed and built a custom website with a dark, film-grade aesthetic and carefully choreographed motion. The result is a site that feels like the opening frames of an End State production.","\u003Ch2 id=\"4-our-solution\" data-lfile-container=\"23e86c47-6ab2-4683-96d5-5ba5ab4bc293\" data-pm-slice=\"1 1 []\">\u003Cimg src=\"blob:https:\u002F\u002Fapi.fastrakcreative.com\u002Fe43de192-110c-4970-af12-587b62238046\">\u003C\u002Fh2>\n\u003Ch2 data-lfile-container=\"23e86c47-6ab2-4683-96d5-5ba5ab4bc293\" data-pm-slice=\"1 1 []\">4. Our Solution\u003C\u002Fh2>\n\u003Cp>We approached the site the way End State approaches a shoot: start with the mood, then make every frame count. The design is built around one idea, \u003Cstrong>Defence Cinematics\u003C\u002Fstrong>, with the confidence and restraint of a film title sequence.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>A dark, film-grade palette.\u003C\u002Fstrong> The interface is set on near-black, lit with soft mint-grey tones rather than pure white. It feels like footage graded for the big screen, keeps contrast high for readability, and lets imagery and motion carry the drama.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Typography with operational precision.\u003C\u002Fstrong> Headlines are set in uppercase Helvetica Neue with generous tracking, giving them a clean, authoritative feel. This is paired with a monospaced typeface used for numbering and details, which nods to technical briefings, timecodes and mission documentation. \u003C\u002Fp>\n\u003Cp>\u003Cstrong>Motion with a purpose.\u003C\u002Fstrong> Rather than decorating every element, we choreographed motion at key moments: a tiled loading sequence that resolves into the hero and content that reveals as you scroll. Each animation is timed to feel deliberate, like a cut rather than a gimmick.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Custom-built, not templated.\u003C\u002Fstrong> The site is a bespoke build, with component-scoped styling so every section is pixel-specific to the design. Server-side rendering keeps it fast and fully indexable. \u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"blob:https:\u002F\u002Fapi.fastrakcreative.com\u002F5ae41020-04d5-432a-b752-711b3b96e945\">\u003C\u002Fp>\n\u003Ch2 id=\"6-development-process\">6. Development Process\u003C\u002Fh2>\n\u003Col>\n\u003Cli>\u003Cstrong>Discovery and art direction.\u003C\u002Fstrong> We studied End State's footage, audience and competitors to define a \"Defence Cinematics\" direction, setting the palette, type pairing and motion principles before any pages were drawn.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>UX\u002FUI design.\u003C\u002Fstrong> We designed a lean page structure (Home, Services, Portfolio, Process, About, Contact) with numbered navigation and clear routes to contact. Key motion moments were prototyped early.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Development.\u003C\u002Fstrong> We built the custom Nuxt front end, the real-time WebGL shader, the tiled loading sequence and scroll reveals, with server-side rendering and optimised images for speed.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Testing and launch.\u003C\u002Fstrong> We tested animation performance across devices and browsers, checked accessibility (contrast, keyboard navigation, skip link) and validated structured data before launch.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"7-results-outcomes\">7. Results & Outcomes\u003C\u002Fh2>\n\u003Cp>End State now has a website that looks and feels like its work: cinematic, controlled and credible.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>A distinctive brand presence.\u003C\u002Fstrong> The dark, film-grade design and real-time visuals set End State apart from template-led competitors in defence media.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Credibility at first glance.\u003C\u002Fstrong> Clients and accreditations such as the MOD, Royal Marines Commando and DSTL are presented with confidence, building trust before a visitor reads a word.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Rich interaction, fast delivery.\u003C\u002Fstrong> Server-side rendering, optimised images and lightweight real-time graphics keep the site fast, indexable and mobile-friendly.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Ready for search and social.\u003C\u002Fstrong> Structured data and dynamic share images help every page present professionally on Google and LinkedIn.\u003C\u002Fli>\n\u003C\u002Ful>",[]]