Web: Corporate Handbook
This is a handbook I was asked to build for Direct Antidote, so that corporate policies and staff lists could be converted from print to digital format. The book had to be able to import the source copy, which was designed for print in inDesign, as well as be fully searchable. However, it had to be more sophisticated than a PDF file.
Other than the above, I was free to be creative with the project concept. I decided to use a 3D book engine and carousel I had built earlier for navigation, as well as create a 3D representation of the office to make it easy to find staff.
My Role: Concept, developer and designer
Screenshots
Turning a page. The book engine dynamically converts 2D text and images to a bendable 3D page. Controls on the right side include next/previous page, table of contents, print, staff and a magnifying glass.
Table of contents. The book engine supports hyperlinks which take you other pages within the book.
A 3D carousel can be used to navigate to different chapters within the book. The book engine dynamically builds the carousel based on how many chapters are in the book content.
Search results for text are displayed in a window. Clicking on each result takes the user to the page where the word was found, with the text highlighted.
In order to make the book fully searchable without changing the original look of the pages (built in inDesign), the book engine had to be able to layer text on top of images.
Printing several (or all) pages of the book is possible by highlighting different pages.
I created a basic 3D representation of the office by taking photos of the carpet and cubicles and using that for textures along with existing pictures of each staff member. The office can be rotated around using the two scroll bars. There is even some basic path finding - staff members in the virtual office will randomly walk around the cubicles to communicate with another colleague.
Clicking on a staff member's name or their picture reveals their contact information and position. This is useful for helping staff members become acquainted with each other's name, face and where they sit.
Fire drill! Everyone automatically walks to the designated fire exit and appear outside.
