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

## Major timestamps

### 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.

## Design elements

### 1st iteration

#### 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)

## Final flipcharts

### 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)