Since I started at DSI, I wanted to make an online proposal. We previously relied on PDFs which limited interactivity and slowed down the production process. Finally, after four years of asking, I got the opportunity to attempt the build.
Before the online proposal, I worked with a 20+ page PDF presentation in Adobe InDesign. However, this presentation came with several supplements that pushed the entire package up above 60 pages. The user had to open each document individually and even had to go to a website to view one of the videos I created.
The time it took to produce these proposal packages combined with the overall clunkiness of how they presented to the prospect made this project ripe for some streamlining.
Online Proposal Build
I built the entire online proposal from scratch using CSS Grid instead of Bootstrap. Initially, we needed the packages small and, because they aren’t super technologically complicated, I didn’t need a ton of dependencies weighing the whole thing down. So this project was a perfect excuse to try CSS Grid in a live environment.
I’m finding CSS Grid to be a viable solution as more and more browsers allow for it. It’s lightweight and as easy to implement into a project as CSS3.
Online Proposal Results
The original proposal format took a few days to produce. It would only take me 5-10 minutes to make the PDF presentation in InDesign and 20 minutes to assemble the prospect’s custom video. However, it took my colleagues another 2-3 days to produce all the required supplements.
The final online proposal is even more robust than the original but presents to the prospect far cleaner and more comfortable to digest in addition to being streamlined. That combined with the differentiation from our competitors and the slashed production time makes this project a huge win.