Mazhar Bagasrawala's profile

MITID'17: A Digital Yearbook

About
MITID'17 is a tribute to my batchmates at university who inspired and changed me everyday with their passion. Derived from the traditional American concept of a yearbook, this digital publication is anything but.

Objective
To strike up memories and snippets from our college life, immortalizing our friendship and experiences. The book follows certain principles to achieve this, including equal representation of all batchmates. Having witnessed the large quantity of paper that goes into printing the yearbooks each year, I wished to find an eco-friendly alternative for this edition.

Approach
Using Adobe InDesign's digital PDF tools, I had the opportunity to enhance the users' experience with intuitive navigation & interactive elements. The content was sourced from the students themselves, and includes interesting details such as their favourite song, zodiac sign and a write-up about one strong memory from their time in college. I found immense joy in finding that the result had exceeded their wildest expectations.

-----
Project Timeline: (2016)

-----
The Target Audience:

Primary: The 160 Students of Class 2017
Secondary: Other students and staff within the institute
Tertiary: Family, Friends, Relatives, etc.

-----
User Personas:
From the user personas, I had a clearer view about the audience, thier habits, comfort zones, etc. It was clear that they all used smart phones and were active on social media. They spend more time on thier laptops and internet rather than with printed content such as books or newspapers. 

-----
The Photo-Shoot
Rahul Chopra (my filmmaker friend) and I spent two days brainstorming before I set up a schedule for the students to get their photos taken. The photos were going to be Mid-shots, focusing on the face. We wanted to create a dramatic, filmy look. In order to do this, we decided to hit one side of the face with warm halogens and the other with cool blue light. We asked for free expression.

Our equipment: Canon 5D Mark II, Manfrotto tripod, 50mm f/1.8, Baby halogen bulb, 2 Elinchrom soft-boxes, White backdrop, Stool, Blue filters for the Baby light

Here's a before/after of the schedule, which covered 160 students in 2 days from 10:00 - 16:30 hours:
The Photoshoot Results

-----
Photo Editing
After some experimentation with photo styles, the pseudo-Impressionist appearance below really appealed to me. It's energetic, animates perfectly, enhances detail, and has a certain pop!
Experimenting with photo styles
Editing Process
Profile photo samples, post-editing

-----
So, why not a printed book?
Chopping down one 10 inch thick tree provides paper for 30 books of 150 pages. For 160 books, we would need to fell at least 5 such trees!

-----
Profile Page: Contents
A page for each student. A place where one should feel like they're in the presence of the person they are seeing again. The chance to re-connect and remember memories through 4 years at the institute.

In order to procure the required data for this page, the post shown below was created.

-----
Wireframing

-----
Visual Language
Display text- Bungee; Body text- Quattrocento Sans; Colours- flow from one into the next (AD- Animation Design, GD- Graphic Design etc.); Icons- Designers have been appropriately attributed; Background- Composed of tools from each design discipline. More details on zooming into the images shown below or in the document embedded at the beginning. 

-----
Profile Page in InDesign:

-----
The Facial Interactivity
The interactive face change was a tad bit complicated to crack. Within Indesign’s interactive features, I had to experiment with buttons to get the right result. The use of a trigger over two correctly set-up graphic frames did the trick!

-----
Excerpts from the digital yearbook, MITID'17:
The Cover Page
How the face animations appear.
-----
Fin.
To view the 'Extras' section, or dive into more details of this project,
check out the process document embedded below:
MITID'17: A Digital Yearbook
Published:

MITID'17: A Digital Yearbook

MITID'17 is a tribute to my batchmates at university who inspired and changed me every day with their passion. Derived from the traditional Ameri Read More

Published: