Handbook to learn basics of Videography
Client
Drishti
Role
Design Consultant
Area of Work
Community Media
Duration of Project
February to September 2021
About the Project
With community media practices going digital, there is an increased need to learn techniques and ways of creating good films/videos. Addressing that need, Drishti - a leading development communication organization based in Ahmedabad - has been working with several grassroot organization to build the capacities of the workers in creating films about their work.
This project looked at the training modules and aimed at creating a handy manual or handbook that trainees can use as their guide after the trainings are completed.
I was in the capacity of Design Consultant, and was responsible for creating the basic wireframes and the final output in coordination with a graphic designer and Drishti.
Process
The process of creating this handbook was participatory and collaborative, with consistent workshops and brainstorms with the Drishti team to understand the need and figuring out the content of the handbook.
Based on these conversations, a design language was arrived at, which was provided to the graphic designer, along with wireframes of the chapter. The content was then translated to Hindi to ensure accessibility and ease of understanding difficult technical concepts.
The final output was a handbook that outlines all the processes required for videography - pre-production processes, production and post-production.
A detailed write-up of the entire process can be found below.
PHASE 1: STRUCTURE OF THE HANDBOOK
Through several brainstorm sessions with the team of Drishti, a basic outline of the handbook was created keeping in mind the following objectives:
-
the handbook should be divided into sections that can assist the readers in understanding the entire process of videography - from research to post-production
-
it should consist of technical chapters, along with sections of guidance that would be in the form of tips
-
the structure should not be monotonous and should consist of various elements to keep the material engaging
![Drishti Ideation.jpg](https://static.wixstatic.com/media/96ab80_025ea3da5af74ec5a4541ab02192c9a5~mv2.jpg/v1/fill/w_92,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Drishti%20Ideation.jpg)
This ideation board became the basis for the chapters of the handbook and the content for the same. All the content was first written in English, and after corrections was translated in Hindi. This was a long process, however, an important one as it is the base of the handbook.
PHASE 2: CREATING WIREFRAMES
The next stage was to create basic wireframes of a set of chapters to provide the team with a general idea of what the chapters would look like. This process helped us understand edits that needed to be made in the content, as well as the visual appeal of the handbook. Below are a few examples of the wireframes created.
![Revision.png](https://static.wixstatic.com/media/96ab80_9a464efed4b84fe699418895ada86ca1~mv2.png/v1/fill/w_71,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Revision.png)
![2.png](https://static.wixstatic.com/media/96ab80_112bcc0c69e64915ab9b282e8821bea3~mv2.png/v1/fill/w_71,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/2.png)
Chapter on Camera Setting
Page 1: Introduction; Page 2: Vocabulary
![4.png](https://static.wixstatic.com/media/96ab80_33b6ade1a9a94450ba89049122f3821c~mv2.png/v1/fill/w_71,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/4.png)
![5.png](https://static.wixstatic.com/media/96ab80_e6117e2b73a944a4942f567057acda1f~mv2.png/v1/fill/w_71,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/5.png)
Chapter on Camera Movement
Page 1 & 2: Visually showing movements
PHASE 3: FINAL OUTPUT, IN COORDINATION WITH DESIGNER
Based on the wireframes, coordination processes with the graphic designer began to finalize the handbook. The design coordination was an essential process to ensure that both the client (which is team Drishti) as well the designer is able to be on the same page when it came to the finalization of the design. The design was finalized by designer Anuja Khokhani.
Below are the final designs of the wireframes shown above.
![0018.jpg](https://static.wixstatic.com/media/96ab80_78343847007f4e61b9b5d2f99f9c5ecc~mv2.jpg/v1/fill/w_71,h_100,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0018.jpg)
![0019.jpg](https://static.wixstatic.com/media/96ab80_28e524d76e464ba585512da369fd8d2a~mv2.jpg/v1/fill/w_71,h_100,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0019.jpg)
![0046.jpg](https://static.wixstatic.com/media/96ab80_fa51df95ef2943f7a1c54d8fdb5f1d1d~mv2.jpg/v1/fill/w_71,h_100,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0046.jpg)
![0047.jpg](https://static.wixstatic.com/media/96ab80_d1ef25e71b214fa5a0e9f09d7fa4a8a7~mv2.jpg/v1/fill/w_71,h_100,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0047.jpg)