Best Western Signature Collector

As part of the new Best Western website, Gotham wanted to design individual pages featuring the diverse independent owners of Best Western hotels.  To this end, at the anual conference, we had a photo booth taking pictures of owners to be paired with signatures, collected by a custom ipad application.  For this project I proposed a simple layout, prepared mockups in Illustrator and then developed a HTML5 canvas app with drop down auto-select for names and properties which then saved complete user information and signature in a MySQL database.

Features included autofill drop-downs using AJAX, form popups, and custom styled scroll bars.
[mockup] Mockup of the base iPad screen designed in Illustrator.  The interface is designed to highlight the important points of focus, be finger friendly through the use of large buttons and spacing between elements, and concealing information that would bloat the page, such as large lists of hotels that a given individual might own.
[Mockup] Popups and icons are incorporated to optimize space use.  In this hotel selector, the application presents a series of hotels this user is likely to own.  There are four states: unselected, previously selected, selected, and overwriting prevent omissions and unintentional over-writting of data.
[Screenshot]  AJAX autofill suggests member names that are already known to Best Western to facilitate fast and accurate data entry.
[Screenshot] Locations popup allows user to select properties that match with the selected users name.  Access to this is only open upon entering a first and last name.
Canvas section of page allows user to write their signature to be saved with the user information.  Upon saving, this signature is converted to a transparent PNG file and stored on a server for future access.
Best Western Signature Collector
0
154
0
Published:

Best Western Signature Collector

As part of the new Best Western website, Gotham wanted to design individual pages featuring the diverse independent owners of Best Western hotels Read More
0
154
0
Published:

Tools

Creative Fields