Situation:
Reduce quote turnaround time on standard plate types by allowing dealers to design and quote their own custom plate and panel designs
Task:
I wrote the previous version in Flash/ActionScript back when that was a thing (2004). It needed a complete re-write but was de-prioritized because it was generating substantial revenue as-is.
Action:
Justify the investment with revenue reports and the scheduled EOL of Flash. This approval lead to a complete re-build of the interface using new technology, logic and scripting.
Result:
WebBlox is a proprietary web-based application that allows Liberty dealers to custom design and quote their own plate and panel layouts.
I re-wrote existing logic in PHP on the back end and javascript libraries on the front end. I had written the previous version in .NET, Flash, and ActionScript with swf objects. The new version would use a canvas element as the design space with the easel.js and tween.js libraries with svg objects.
I rebuilt existing connector illustrations, added new ones and exported each as an svg file.
I added many new design features and honed alignment and spacing tools. I added the ability for users to proof, approve and order degigns from their account.
The new, rebuilt interface was a great success! Much more intuitive to use, much faster with added features allowing Liberty dealers even more flexibility and efficiency in specifying installation projects small or large.
