David Fraser
Introduction
David Fraser is a full stack developer and user experience designer with over 20 years experience. Technology has improved but so have expectations. Projects include Renault car configurator, Virgin Atlantic booking and the National Trust website. "I love creating great experiences for people".
About this site
Primarily a portfolio of past projects, this website, David Fraser CLI, is a web experience distinct from other websites. It should feel familiar to developers and be engaging for everyone. There are good reasons why all websites look the same but you'll remember this one.
Design inspiration
The David Fraser CLI is an imitation of the command line interface used by developers to run programs. For example, your laptop will have a terminal where you can type commands. The look and feel is inspired by 80s operating systems. Hackers in movies always look like they're having fun. This delivers a small piece if that experience.
The modernist logo is derived from the letterforms of his initials, DF. It's a confident statement and homage to some of David's favourite designs.
Tech stack
This website has been created by writing directly in HTML, CSS and JavaScript. The latest tech still compiles to those three so it's important to know those foundations. This whole website is one HTML file (the only dependency is Google Fonts). Code reviews welcome.
Contact David Fraser
Get in touch. If you don't have contact details already then email or visit LinkedIn
- email hi@davidfraser.co.uk
- visit linkedin thedavidfraser
David Fraser regularly works in London, Exeter and Bristol. He is based in Cornwall
Cadence
Cadence is a sophisticated web-app that enables people to make data-driven maps. Creators can use their own data or pick from a huge library. They have a choice of map themes, annotation tools and view placement options (including 3D). Completed maps can be shared, exported or presented. To provide context, presentations can be overlayed with additional content and charts.
(2026, Lead developer, City Science)
Rush
Rush was City Science's answer to the travelling salesmen problem. Born out of lockdown it was a web-app created to help local businesses shift from store sales to local delivery by providing the optimum route to visit customers taking into account different team member locations. Rush was discontinued in 2023 but information about it is still available.
(2020, City Science)
Colateral
Highstreet chains and supermarkets have a lot of printed media to promote products and help customers navigate their stores. Every store is different so it is important to get the right items to the right place. Too much is a waste and not enough loses custom. Betting stores have the added pressure of promoting events at the right time of day and meeting legal requirements.
The Colateral web-app allows people to manage chains of stores centrally with tools to audit and manage store fixtures, create campaigns for different regions, order and ship the correct print materials for each store and then assess the results.
(2019, Head of technology, Swoop)
Loveholidays
Other travel websites start by requesting a destination but people don't always know where they want to go. Loveholidays allows people to search on anything from the available activities to likely temperature. It then goes on to present prices for different dates helping those with more flexibility save money. Travel is complicated but the website is simple to use on desktop, tablet and mobile.
(2016, Lead front-end developer, Loveholidays)
National Trust
The National Trust is a charity that manages land and historic buildings which people can visit. Moving from individual websites for each property, the National Trust website was redeveloped so every property had a coherent look and feel but retained individual character through content, photography and colourways. The challenge was delivering a rich experience for everyone including those on mobile and with limited signal.
(2014, Lead front-end developer, DigitasLBi)
Renault car configurator
Car configurators can be accessed via the Renault website where a customer can virtually build their car before ordering it. The car configurator illustrates each of the many interior and exterior options often as a model that can be viewed from different angles. The car configurator is multi-lingual with content specific to different markets. The same configurator is used by Nissan, Dacia and Infiniti via their websites.
(2014, Lead front-end developer, DigitasLBi)
Virgin Atlantic
Customers can book travel through the Virgin Atlantic airlines website. The upmarket look and feel of the website was as important as the ease of use. It's important the experience is seamless as people are guided through the necessary steps. Subtle use of animation softens transitions and creates a classier experience.
(2014, Lead front-end developer, DigitasLBi)
- visit virgin atlantic