81 lines
4.0 KiB
PHP
81 lines
4.0 KiB
PHP
<?php
|
|
|
|
$projects = [
|
|
|
|
'thompson' => [
|
|
'num' => '01',
|
|
'code' => 'WEB_DEV',
|
|
'title' => 'Thompson Service Centre',
|
|
'desc' => 'Trust-first redesign for a 25-year Peterborough garage. Bold credibility signals, booking flow, zero clichés.',
|
|
'year' => '2025',
|
|
'thumb' => '/img/thompson/hero.jpg',
|
|
'live' => true,
|
|
'h1' => ['Thompson', 'Service Centre'],
|
|
'sub' => 'Website Redesign · 2025',
|
|
'stack' => 'HTML · Tailwind CSS v4 · GSAP',
|
|
'location' => 'Thompson Service Centre, Peterborough',
|
|
'domain' => 'thompsonservicecentre.co.uk',
|
|
'page_title' => 'Thompson Service Centre — Case Study',
|
|
'page_desc' => 'How we built a trust-first digital presence for a 25-year Peterborough garage.',
|
|
'overview' => 'Thompson Service Centre needed more than a website — they needed a digital presence that matched 25 years of earned trust. We built a high-fidelity landing page that puts credibility front and centre: a bold hero section, a trust bar loaded with real credentials, and service cards that communicate competence without the usual garage-site clichés.',
|
|
'execution' => 'Built with vanilla HTML, Tailwind CSS v4, and GSAP-powered scroll animations, the page loads fast and feels premium on every device. The design system — rooted in Workshop Navy and Safety Orange — draws from real automotive heritage rather than off-the-shelf templates.',
|
|
'hero_img' => '/img/thompson/hero.jpg',
|
|
'screenshots' => [
|
|
[
|
|
'label' => 'Booking Flow',
|
|
'items' => [
|
|
[
|
|
'label' => 'Vehicle Lookup',
|
|
'desc' => 'Registration plate lookup pulls vehicle details instantly — reducing form friction and building user confidence from the first interaction.',
|
|
'img' => '/img/thompson/booking-lookup.jpg',
|
|
'alt' => 'Thompson Service Centre — vehicle lookup step',
|
|
'url_suffix' => '/book',
|
|
],
|
|
[
|
|
'label' => 'Booking Form',
|
|
'desc' => 'A clean, single-column booking form with service selection and date picker. Designed for speed on mobile — no unnecessary steps, no dead ends.',
|
|
'img' => '/img/thompson/booking-confirm.jpg',
|
|
'alt' => 'Thompson Service Centre — booking confirmation step',
|
|
'url_suffix' => '/book',
|
|
],
|
|
],
|
|
],
|
|
],
|
|
],
|
|
|
|
'lhbeng' => [
|
|
'num' => '02',
|
|
'code' => 'WEB_DEV',
|
|
'title' => 'LHB Engineering',
|
|
'desc' => 'Structural Engineers designing projects that build strong communities.',
|
|
'year' => '2022',
|
|
'thumb' => '/img/lhbeng/hero.jpg',
|
|
'live' => true,
|
|
'h1' => ['LHB', 'Lynch, Harrison & Brumleve, Inc.'],
|
|
'sub' => 'Website Redesign · 2022',
|
|
'stack' => 'HTML · CSS · PHP · MySQL',
|
|
'location' => 'LHB Eng, Indianapolis',
|
|
'domain' => 'lhb-eng.com',
|
|
'page_title' => 'LHB Engineering — Case Study',
|
|
'page_desc' => 'Full website redesign for LHB Engineering with a self-service CMS for portfolio, team, and job listings.',
|
|
'overview' => 'Full website redesign with a simple content manager — so the team can update their portfolio, staff profiles, and job listings without needing a developer every time. Clean, modern layout that reflects the scale and quality of their structural engineering work.',
|
|
'execution' => 'Built a full redesign for LHB Engineering, replacing their outdated site with a clean, modern layout that better reflects the scale and quality of their work. The new site is fast, fully responsive, and structured so visitors can quickly find services, past projects, and contact details. Alongside the redesign, a custom PHP/MySQL CMS gives the team full control over content — no developer needed for day-to-day updates.',
|
|
'hero_img' => '/img/lhbeng/hero.jpg',
|
|
'screenshots' => [
|
|
[
|
|
'label' => 'Website CMS',
|
|
'items' => [
|
|
[
|
|
'label' => 'Content Manager',
|
|
'desc' => 'A full-featured CMS lets the team manage portfolio items, team profiles, and job listings without touching code. Day-to-day updates handled entirely in-house.',
|
|
'img' => '/img/lhbeng/admin.jpg',
|
|
'alt' => 'LHB Engineering — CMS admin panel',
|
|
'url_suffix' => '/admin',
|
|
],
|
|
],
|
|
],
|
|
],
|
|
],
|
|
|
|
];
|