Virgin Trains - website designs and guidelines

For: Virgin Trains Digital

Brief: Ongoing creation of page designs and assets for virgintrains.com. In addition to develop the guidelines created by agency Lowe Profero to sit in line with other brand guides.

Responsibilities: Creating page layouts and content, often liaising with a freelance copywriter when this was needed.

Designing and coding new designs for Epiphany panels (small html and css based banners) when the website was redesigned. I‘ve since taught other team members how to create these.

Leading on the review of the website guidelines and involving stakeholders from the digital team and UX agency Webcredible from the start.

Outcomes: I have produced page layouts at mobile, tablet and desktop breakpoints and final optimised image assets for various projects.

I designed a simple yet robust style for Epiphany messages that incorporates the website icons.

I developed a more useable brand guide for virgintrains.com to sit along side a technical interactive guide produced by agency Webcredible. This included adding sections on image optimisation, SEO and accessibility as well as showing more layout context for module examples. This will help achieve brand consistency across the site moving forward.

free coffee and WiFi overlay and banner

Free coffee and WiFi trial on virgintrains.co.uk

Onboard shop page graphics

Icon based graphics for the Virgin Trains Shop page

Epiphany messages

Epiphany messages on the Virgin Trains prices page

Website guidelines pages

Pages from the Virgin Trains website guidelines