CM printed flipchart

Contraception methods printed flipchart is part of the Contraception methods package, It originally lied in the first half of the Project Execution, but after the Midway Revised Brief, it is ultimately the only main flipchart the team produced in this project.

Purpose
The flipchart is a booklet that designed for the PHE to read and explain the information to others worker. Each flipchart will contain around 12-18 page. The page in the flipchart will have one side is picture for demonstration and the back will have infomation for PHE to read out loud. The flipchart is an essensual tool for PHE. A conceptive method flipchart is roughly around 20 pages, Including activities and 8 contraceptive method's details with images for demonstration. Please refer to Client's Brief for more detail information



Thuc and Mr. Phong's instruction of how to use the flipchart



1st iteration
The flipchart task was running near the end of finalizing the contraceptive video. The timestamps can be roughly laid out as below:

First stage of the flipchart ( July 25-26 )


 * Thuc finished refinding the 3rd moodboard and color theme

Second stage of the flipchart ( August 2-7)


 * Thuc finished design 2D background style which will be use for both video and flipchart
 * Quyen, Uyen and Hoang finished 8 contraceptive methods 3D model and render image for flipchart

Third stage of the flipchart (August 8-12)


 * Thuc finished contraceptive methods layout for print flipchart
 * Hoang finished edit 8 methods picture for print flipchart

Fourth stage of the flipchart (August 13)


 * Thuc exported print flipchart for client

2nd iteration
First stage of the flipchart


 * Thuc finished contraceptive methods layout for print flipchart
 * Hoang finished edit 8 methods picture for print flipchart

Second stage of the flipchart


 * Thuc exported print flipchart for client

Content
The content of the flipchart will be similart to the contraceptive video but with more detailed information. The flipchart will contain the defintion, pros and cons of 8 contraceptive methods, with the instruction of using a condom and a Q&A section. Since the content had been carefully planed by the client, they requested us not to make any changes. Please refer to this link for the content.

1st iteration


Client's feedback The highlights cause a bit of distraction and should be replaced to bold, red text instead.

2nd iteration
The content infomation will stay the same as the 1st iteration, the client requested not to change any thing. The team will need to change the page layout to the as the flipchart example from the client, here is the link to the example flipchart. As the client said that the printing method were already organized by them and they requested us not to change. The highlight key word will be change from highlight to bold or bigger font size, make the reading flow easier.

2D graphics
Decorative background

The decorative backgorund was inspired by the abstract background in Contraceptive video. Contain wavy white line and colorful background. Color theme contain yellow, blue, purple and pink. Each method will have a main color and 2 support colors, using the triad in color theory to make the design more well rounded. the decorative background also contain icon to help for demonstration and visualization. Diagrams

The diagrams was mainly for the audience to understand how to use a condom. Each icon in the digram represent a step in the instruction on how to use a condom.


 * Step 1: check the condom date and wrapper incase of tear or damage, which will be represent by a condom
 * Step 2: open the condom, which will be represent by a condom coming out of the wrapper
 * step 3: put the condom on the penis, which the penis will be represent by a banana and a condom rolling in
 * Step 4: remove the condom from the penis, which the penis will be represent by a banana and a condom
 * Step 5: tied the condom, which will be represent by a condom being tied.



Cover Page
The cover page for the flipchart. Our team design it in an abstract way, based on our 1st iteration video abstract background (the link can be found here). Showing the color theme and wavy shape.

3D graphics
3D model of each methods was render out purposly to drawn the attention of the audience to the methods while help the audience visualize better. To understand what the method look like in 3D point of view. The images were render with clear background then placed into a 2D background.

Condom

The image in flipchart was edited by Hoang, the image below was provided by the team (page 1B)



(to access the 3d model renders, please refer to this link)

Daily birth control pill

The image in flipchart was edited by Hoang, the image below was provided by the team (page 3B)



(to access the 3d model renders, please refer to this link)

Emergency birth control pill

The image in flipchart was edited by Hoang, the image below was provided by the team (page 4B)



(to access the 3d model renders, please refer to this link)

Birth control shot

The image in flipchart was edited by Hoang, the image below was provided by the team (page 5B)



(to access the 3d model renders, please refer to this link)

Contraceptive implant

The image in flipchart was edited by Hoang, the image below was provided by the team (page 6B)



(to access the 3d model renders, please refer to this link)

IUCD

The image in flipchart was edited by Hoang, the image below was provided by the team (page 7B)



(to access the 3d model renders, please refer to this link)

Vasectomy

The image in flipchart was edited by Hoang, the image below was provided by the team (page 8B)



(to access the 3d model renders, please refer to this link)

Female sterilisation

The image in flipchart was edited by Hoang, the image below was provided by the team (page 9B)



(to access the 3d model renders, please refer to this link)

The visual of the video aligned with the color palette, typography and design style of the whole project (refer to Design Consistency).

2nd iteration
Hoang's experimental visual for the flipchart in 2nd iteration

With background elements



Without backgroung elements



Cover Page
Based on the 1st iteration flipchart, the client respond that the cover page is too abstract for the worker to understand. The client want us to make a cover more straight forward and portrait the contraceptive theme more.

Client's feedback


 * They like the visual of version with no BG
 * The doctor should be female and alwasy wearing a white blouse
 * The female character should look more feminine (less muscular)

1st iteration
Final stage of the flipchart is putting everything together. 2D and 3D element.

The combined flipchart can be access in this link

2nd iteration
Final stage of the flipchart is putting everything together

The combined flipchart can be access in this link

Task allocation

 * Content compiling: Thuc
 * Layout text: Thuc
 * Layout image: Hoang
 * 2D drawing: Thuc, Hoang
 * 3D modelling: Quyen, Hoang, Uyen
 * Image collaging: Hoang
 * Test printing: Thuc

Client's critique and feedback

 * Client feedback on 2nd meeting before the first milestone (18 August 2021)
 * Flipchart need more 2D drawing and demonstration rather than icon
 * Too abstract
 * Change the page layout to match the client layout
 * Font need to be more consistancy in size
 * Change way of highlight important key word (to bold or red)