ZoomSafer Portal UI
ZoomSafer Configuration Portal (2014)
| Deliverables | Wireframes, prototype |
|---|---|
| Activities | Information design, software development |
| Technologies | Twitter Bootstrap, jQuery |
| Developers | Peter Featherstone (Aegis Mobility) |
Aegis acquired the ZoomSafer configuration portal when it absorbed its competitor ZoomSafer. The portal was originally designed and implemented as a tool for a company administrator to use to configure safe-driving service for any number of company employees.
We wanted to sell the ZoomSafer product to individuals as well. I set out to model a streamlined, mobile-friendly version suitable for individual users. I traced the signup and login flows and looked at the minimal information we needed users to provide to configure the existing ZoomSafer product. I began with sketches, then moved on to wireframes, then created a responsive prototype based on them.
The portal did not get past the prototype stage. Priorities shifted and there were not resources to implement the design.
Tap or click an image to view a larger version. Use the arrows to advance.
Login/Signup user flow – first sketched, then formalized.
Analysis of all the actions the UI needed to support and formats of the required user input.
Arranging related fields into groups, then related groups into tabbed pages.
Wireframe of mobile view to determine vertical space requirements.
Screenshot of prototype in mobile view showing the Settings tab.
Click or tap the button to view the responsive prototype. Log out to return.