Applications & Web: Direct Antidote: Corporate Handbook

Direct Antidote 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   |   Languages Used: AS3, XML

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

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.

Previous | Next

Fire drill! Everyone automatically walks to the designated fire exit and appear outside.

Staff announcement in the kitchen.

Previous | Next

Staff announcement in the kitchen.

Using the magnifying glass.

Previous | Next

Using the magnifying glass.

All of the content in the book can be added and edited by anyone who understands XML. Font colours and styles as well as images can be easily formatted to look like the original inDesign file. The structure of the book (e.g. different sections, hyperlinks) are also generated here.

Previous | Next

All of the content in the book can be added and edited by anyone who understands XML. Font colours and styles as well as images can be easily formatted to look like the original inDesign file. The structure of the book (e.g. different sections, hyperlinks) are also generated here.

Direct Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote HandbookDirect Antidote Handbook