Thanks for coming to InDesignSecrets.com, the world's #1 resource for all things InDesign!

Publish Online Project of the Month: The Cyberfolio of Michel Allio

This is the third post in the Publish Online Project of the Month series. Be sure to also check out the earlier posts: Irish Landscapes and Kia Sportage.


So far in our look at Publish Online projects, we’ve seen a couple of high end projects put together by agencies for major clients. But other folks are producing high end stuff for themselves, ranging from personal projects to portfolios. Case in point: the Cyberfolio of Michel Allio.

This 35-page document functions as a digital portfolio, showcasing Michel’s work producing all kinds of textbooks. It is packed with interactivity and animation that enhance the portfolio viewing experience to go way beyond something like a static, print-replica PDF.

Michel’s Cyberfolio is entirely in French, but even if you don’t know pommes frites from the Centre Pompidou, you can still understand everything about this document and be inspired by it to create your own portfolio in Publish Online.

The opening page is a study in minimalism, with a simple invitation to enter.

Publish Online portfolio

The next page begins with a splash of color, courtesy of a rainbow of pages,

20160217-pubon4

which fades to more detailed information about Michel’s skills and the kinds of projects he produces, enhanced with several kinds of animation effects.

20160217-pubon2

Clicking on the Extraits de livre (book excerpts) button reveals a sliding color-coded table of contents organized by subject matter and grade level you can use to jump to any project.

20160217-pubon6

The same button is placed on all the portfolio pages, giving you a great navigation tool, usable from any point in the document.

20160217-pubon7

Within each category, there are clickable thumbnails on the left side of the page that you can use to see additional examples.

20160217-pubon8

There are also navigation buttons under each example spread, as well as a home page button and a Contact button to send Michel an email at the top left.

20160217-pubon10

My favorite interactive feature is the Help button, which is found at the bottom of each page. When you click it, a partially transparent overlay appears, explaining all the interactive features.

20160217-pubon9

Clicking anywhere on the overlay dismisses it. Easy and effective.

Other thoughtful design touches are evident throughout. Michel even simplified the navigation thumbnails that are part of the Publish Online interface so they are easy to read and match the color scheme used in the sliding table of contents.

20160217-pubon11

It’s brilliant stuff and it ought to inspire other folks to assemble a showcase of their own work with InDesign and Publish Online.

If you want to know more, click here to check out Adobe’s tutorial on getting started with Publish Online.

Submit Your Projects!

We’re on the hunt for interesting Publish Online projects we can spotlight in this new monthly feature. If you’ve created one for yourself, your company, or your client, we’d love to see it! Please email mike@indesignsecrets.com with the URL and a few details about the publication, and include “Publish Online Project” in the Subject line. We can’t promise anything, but we will personally respond to every email submittal.

Mike Rankin

Mike Rankin

Editor in Chief of InDesignSecrets.com, InDesign Magazine, and CreativePro.com. Author of LinkedIn Learning courses on InDesign, Illustrator, GIMP, Inkscape, and Adobe Dimension.
Mike Rankin

Latest posts by Mike Rankin (see all)

  • - November 30, -0001
Tags
Related Articles
Comments

7 Comments on “Publish Online Project of the Month: The Cyberfolio of Michel Allio

  1. Ah, this marvelously rich interactivity suggests that there may yet be hope for adapting the print version of my Untangling Tolkien, a day-by-day chronology of Tolkien’s The Lord of the Rings, into something interactive enough to be special. Being able to move about quickly through the chain of events would be great.

    I imagine I am not the only would who would like to know is if this interactivity is limited to Publish Online or will it export and show the same behavior in an epub ebook sold through the iBookstore. Exactly what ID exports will retain these features?

    My suspicion is that at the present rate we’ll need to wait for epub 9.9 or so to see features like these in ebooks. Epub might be moving faster if its development were driven by a major corporation much like Aldus/Adobe did with PDF. A process that involves committees scattered all over and a formal approval process takes far too long. There’s little reason to hurry and all too many reasons to delay.

  2. Very nicely done Michel.
    Would be great to see a tutorial around how this kind of Online Publishing project can be designed in Indesign.
    Cheers !
    -MP

    • Very cool, Michel! It would be cool if PublishOnline let people download either a PDF or an EPUB/FXL version. The FXL version acts almost like an “offline” version of the PubOn project.

Leave a Reply

Your email address will not be published. Required fields are marked *