Spritz is a quite remarkable piece of software, that tries to eliminate the need to move your eyes while reading. To do this, they try to calculate where the eye would want to focus, and then putting that spot at the point where it is already looking. A while back i tried building my own version of Spritz, just to see how far i could go without spending a couple of years researching reading. Try it yourself, and make sure to compare it with the original.
Original version: SpritzInc.com
My version: Codepen
See the Pen spritzIt by David Forsberg (@davidanton1d) on CodePen.
A customer approached us with a classic problem: They wanted to receive more orders, but less phone calls. The stuff that they sell are mostly cables, infrastructure stuff and spare parts, and their customers are wind turbine operators and municipalities installing fiber networks. That means that they are not going to boost their sales with great pictures and “customers buying 300m 32a power cables also bought this”-features. Furthermore, the orders they recieve would be typed into an email to their supplier. They basically wanted an e-mail form for ordering stuff by article numbers.
So, two hours later I had an early prototype based on AngularJS, reading article info by ajax from a rather easy-to-maintain csv-file – no server code used at all. After showing the customer it quickly, asking if it was something like what they’d expected, they responded with “We need to have these customer logos in the header as well. Also, add fields x, y and z to the order form.”
A day and a half later, hacking in the added fields, catching a few errors and adding a simple server-coded login page, we moved the page to our public web server.
- Instant feedback on search, adding articles and calculating sums
- A compilation of the users cart
- Order-specific fields with the possibility to preload values from another csv file
- Easy-to-maintain (or at least easy-to-export-to) article list in csv format
- Article categories
- User sees the exact mail text sent when sending an order, giving the customer a receipt
- Soft scrolling to anchors in the menu
- Fully bootstrapped, and thus very… themeable?
- Super light and very fast, very little server-side code