Fujifilm make archival tape as well as camera film, and wanted to increase awareness of this lesser-known storage medium amongst companies with large data archives.
So followed a series of landing pages, culminating in an interactive cost comparison tool connected to the client’s CRM system. I did not design these myself, but did have progressively more input as the campaign went on.
The initial run of pages has a recurring "overlapping tape" motif which was challenging to implement and maintain, especially as the initial run of pages were quite dynamic and changed frequently. When newer pages were commissioned and designed, I suggested that use of these tape sections was scaled back to facilitate quicker turnaround times.
As the campaign went on, the pages got shorter, more polished, and increasingly user-friendly
The last part of the campaign was a page that prospective customers could use to get an idea of potential savings if they chose tape as their storage medium over hard disk drives or cloud storage. This was designed to replace a gargantuan Google sheet that their sales staff used to calculate costs precisely — which had dozens and dozens of inputs and was not suitable for the end-user to interact with.
The complexity of this spreadsheet meant it would have been impossible to convert into a user-friendly web app — as a solution I suggested that we render out a pre-computed dataset using some sensible defaults and present that to the user instead. So I designed the page below, wrote a script to programmatically use the Google sheet to generate a limited dataset, and wrote some Javascript to allow the user to look up the results by moving input sliders. The page was so effective that it ended up being used internally instead of the spreadsheet when precision was not required.
