Graphics Supervisor: /Graphic Designer: Jen Hiatt
Web Developer: Natalie Bednarz
Client: City of Orlando Office of the Mayor

This piece was prepared to accompany the Mayor’s 2015 State of the City Address using Flip HTML 5. This interactive e-book includes the Mayor’s six key priority areas, as well as videos highlighting the past year’s accomplishments in those areas.

During the initial planning stages for the 2015 State of the City address, the City’s Director of Innovation Matt Broffman suggested doing a take away booklet further highlighting the Mayor’s six key priority areas. Due to time constraints and printing costs, this piece morphed into an immersive digital experience.

Tasked with finding a way to present the booklet, already in production for print, on the web in an interactive way, the City’s Web Developer Natalie Bednarz and I worked together to find a solution that wouldn’t require extensive coding. Enter Flip HTML5. Using the desktop client of this program, I was able to take the print layout PDF and add animations, interactivity and rich web content (including video)– all in real-time and all without writing a single line of code.  The finished product is also able to be viewed on tablet and mobile devices.

This project was certainly challenging (learning a new program – on the fly and on deadline!), but Natalie and I were able to learn a lot, and will be able to implement this technology on other upcoming projects.