03 Game trailer site (parody) · One night on Wearside

GTA Vice City: Sunderland — scroll trailer website

A game-launch style trailer site set in Sunderland: a wordless 36-second chase over the Wearmouth Bridge and down the sea front, played frame by frame as you scroll, with its own phone cut and a real street map.

GTA Vice City: Sunderland website on desktop
GTA Vice City: Sunderland website on a phone
Project
SR7 studio project
An original SR7 design, built as a complete, working website on its own domain.
Sector
Game trailer site (parody)
One night on Wearside · 2026
What SR7 did
  • Story, art direction and continuity
  • AI-made chase trailer, edit and sound design
  • Scroll-scrubbed hero, desktop and phone cuts
  • Website design and build
  • Street map from OpenStreetMap
Built with
  • Hand-written HTML, CSS and JS
  • GSAP ScrollTrigger and Lenis
  • All-keyframe H.264 scrub files

GTA Vice City: Sunderland is an independent studio project, an original SR7 parody trailer site. A wordless 36-second chase through real Sunderland streets plays frame by frame as you scroll, with its own cut for phones, sound only when you ask for it, and a street map of the route.

The brief

GTA Vice City: Sunderland is an independent studio project, and nobody commissioned it. The brief I set myself: make the kind of launch website a big game trailer gets, the ones where you scroll and the film plays under your thumb, but set it on Wearside after dark instead of in Miami.

It is an unofficial parody. It is not made by, affiliated with or endorsed by Rockstar Games or Take-Two Interactive, and the footer says so in plain words, along with the note that the cars are shown without any manufacturer being involved.

One night on Wearside, cut as a trailer

The centrepiece is a 36-second chase trailer with no dialogue: Roker from the air at sunset, a borrowed grey Porsche at the kerb outside a seafront pub at Seaburn, a black Range Rover switching its lights on behind it, then traffic cars, a police helicopter and the sea front in the rain, ending on the title.

The places are real and in the right order: north over the Wearmouth Bridge, Roker Terrace under the helicopter’s beam, back down the front past Roker Pier. Every shot was made with AI video tools, then held to a continuity sheet: the same number plate front and back, the damage building in order, the police always behind the car, never in front.

The grey Porsche coming off the Wearmouth Bridge in heavy rain, a police car close behind
Off the Wearmouth Bridge, a traffic car close behind.
A police helicopter searchlight over Roker Terrace at night, the Porsche ahead of a police car and Roker lighthouse behind
Roker Terrace, under the helicopter’s beam.

Scroll, and the trailer plays

The homepage title sits over the trailer, and scrolling plays it, frame by frame, forwards and backwards. The hero holds still while you scroll through two and a half screens of the trailer, then lets go and the page carries on as normal.

To keep that smooth, every frame of the scroll file is a keyframe, so the browser can jump straight to any moment without decoding the frames before it, and the whole clip is downloaded before scrubbing starts. If the download is slow or fails, the page does not wait: it gives up after a few seconds and streams the trailer instead, so nobody is left looking at a loading bar.

The GTA Vice City: Sunderland homepage on a desktop: the gradient title over the trailer with Enter after dark and Watch the trailer buttons
The opening screen: the title stays over the trailer.
The homepage mid-scroll on a desktop: the trailer at the Wearmouth Bridge behind the title
Mid-scroll: the trailer has reached the bridge.

Its own cut for phones

A wide trailer squeezed onto a phone either crops out the action or shrinks to a strip. The phone gets its own file: the aerial opening fills the screen, then the rest of the trailer plays whole in a band, with a soft, darkened copy of itself filling the space above and below. It is a separate, smaller file, so a phone downloads less than half of what a desktop does.

The homepage on a phone: the title over the sunset aerial of Roker lighthouse filling the screen
On a phone, the opening aerial fills the screen.
The homepage on a phone mid-scroll: the trailer playing in a band below the title, over a blurred copy of itself
Then the chase plays whole, in a band.

Sound you choose

Nothing plays until you ask. Enter after dark turns on a looping music track, and a Music on and off button stays in the corner. The music pauses when you switch away from the tab and steps aside when you watch the trailer straight through, which plays with its own soundtrack: engines, rain, British sirens, the helicopter and the impacts, cut to the picture.

Real streets, wrong night

Below the trailer the page scrolls normally: the story in five stills, the crew, the cars, and a map of the chase drawn from OpenStreetMap data, from the pub at Seaburn to Roker Terrace. The story is fiction. The roads are not. It closes on a muted loop of the searchlight run that only plays while it is on screen.

The map section: a list of four stops beside a dark street map of Sunderland with the chase route in pink
The chase on a real street map.
The closing section: Sunderland. Some night out. over a looping clip of the Porsche under the searchlight
The close, over the searchlight loop.

The result

A launch-style trailer site with a Sunderland accent: a chase you play with your thumb, a phone cut of its own, sound only when you want it, and a page that is quick to get going.

There are no sales figures or reviews here, because it is an independent studio project. What it shows is what a business gets when the film, the build and the speed are treated as one job. Open GTA Vice City: Sunderland on your phone and scroll the trailer yourself.


→ Start a project

Want a website people actually scroll?

SR7 Web Design builds distinctive, fast, mobile-friendly websites, film and all, for businesses across County Durham, Sunderland, Newcastle and the wider UK. See the website packages and prices, from £295, or tell me what you have in mind and call 0191 722 1678.

Call or message

0191 722 1678

Email

info@sr7webdesign.co.uk

Seaham, County Durham · working across the North East and beyond