Website transformation · Newcastle
Put the shop's name over the door.
Before vs after
Drag the handle. The left shows the public opening screen captured during research; the right shows the proposed first screen.
Independent concept. Created from public information to demonstrate an idea. Not commissioned or approved by the business shown.
See it in motion
A still can't show the hero, the menus or how fast you reach the main action. These are ten-second visits to each version, captured the same way.
The workshop
The thin loop, kept honest.
The service desk gets the page a working shop deserves: tiers a rider can self-select from, the day's stand tickets beside them (illustrative, labelled as such), and a booking path that carries the service and the day into a composed email — the shop still confirms every slot. Open the live concept
Workshop — mourne-cycles/workshop/ · capture at 1265 × 710
Hire
Day rates that say what they are.
Hire is its own page now, and every figure carries its label: prices indicative, confirmed by phone before anyone sets off. The right rail answers the three questions a hire customer actually has — what to bring, where to point the bike, when to be back. Open the live concept
Hire — mourne-cycles/hire/ · capture at 1265 × 710
Trails
The hills the shop trades under.
The trails page opens with the skyline itself — the high Mournes above Newcastle, sampled column by column from open elevation data at build time and drawn as the visitor arrives, a marker walking the ridge with a live metre readout. This still is the designed settled frame a reduced-motion visitor meets; the moving version runs on the live concept. Open the live concept
Trails — mourne-cycles/trails/ · capture at 1265 × 710, reduced-motion settled frame
The reasoning, in order
Five changes that put the shop first.
The captured screen gives most of its space to supplier brands: Trek, Bontrager, Shimano and bike cut-outs. The shop's own name sits small in the header.
Change: Mourne Cycles and its own words — local since 2002, one of Northern Ireland's premier local bike shops — take the opening screen. Trek and the component brands become one confident line in the story.
The header phone number is the first screen's only action. Repairs are explained, but there is no clear path to request a slot online.
Change: A workshop booking path: pick a service tier and a preferred day, add a note about the bike, and the details open as an email to the shop. They confirm every slot — nothing pretends to live availability.
People coming for a day in the forest or along the coast need to know they can take a bike out, not only buy one.
Change: A hire page on the same site as the showroom: pick a bike for trail or coast riding, with indicative prices and a clear call to confirm what is free before you set off.
Electric, road and mountain are real categories on the showroom side, and the shop is a Cyclescheme retailer — but the opening screen did not show where each kind of bike goes or how to save through work.
Change: A bikes page that maps each category to local riding country, plus a Cycle to Work page with a labelled, illustrative worked example.
The shop sits on the road out of Newcastle toward Castlewellan — the trailhead — and its own site already names local trails without designing for them.
Change: A trails page with the Mourne skyline above Newcastle and an indicative map of the riding country around Castlewellan, Tollymore, Donard and the coast road.
Sources & limits
Clear about what is real.
The before panel is a capture of the public Mourne Cycles site from July 2026.
Name, logo, tagline, address, phone, email, brand list, bike categories, trails wording and Cyclescheme listing come from that site. Hire prices, workshop tiers and Cycle to Work figures are illustrative. Bike scenes are generated — not showroom stock or the shop's premises. The trails skyline is SRTM-derived elevation, drawn as an indicative ridgeline, not a survey.
This was not commissioned or approved by Mourne Cycles.
Request a free before-and-after for your business