TRANSMEDIA PRACTICE - GROUP WORK PROGRESSION
Brainstorming and Idea Research
Group projects require teamwork, however it is not that everyone does the same position. Any successful team needs people to take on roles as our professional life is a team sport. (ART MARKMAN, 2020). Throughout the whole project, two of us separated to do the parts we are good at. We managed to finish our part and gained experiences, as we came across with skills that are new to us. It seems a small project but it requires a lot of team working skills to bring our project to the best outcome. We learned how to work and give updates with each other, which updates within group mates are important. It is to ensure each of us can work effectively and achieve a happier yet more productive team. (olivia, 2020). Starting from doing research and ideas brainstorming, to the execution of a project, we knew the knowledge and steps to create a transmedia project.
References
Olivia, 2020. 6 Simple Tips For Effective Team Management. [online] Focus. Available at: <https://www.meistertask.com/blog/6-simple-tips-effective-team-management/> [Accessed 25 May 2020].
ART MARKMAN, 2020. This Is The Secret To Doing More Productive Group Work. [online] Fast Company. Available at: <https://www.fastcompany.com/90450653/this-is-the-secret-to-doing-more-productive-group-work> [Accessed 25 May 2020].
Storyline & script
Before entering to the execution, we came out with the transmedia storytelling idea. Therefore, we start to write the storyline for this transmedia project and the script for the first web pilot series. The story revolves around a girl with 3 identities. The girlish side that she reveals it to the public when she started working, a university girl trying to figure out her sexual orientation, and the men-like side of her that only she herself knows. The character face the same issue, which is fear of people’s judgement.
CHARACTER 1
-beauty consultant
-chic and stylish
-ladylike
CHARACTER 2
- university girl
- muddled about her sexuality
CHARACTER 3
- tattoo artist
- spontaneous and rebellious
- boyish
Storyboard sketches
After having an idea on the story telling, we start to sketch the storyboard in order to let us start our animation illustration.

Storyboard illustration (digital)
Animation progress
Web Series
Mindmapping
Website will be our main media to gather the information and media. Before getting started with the execution of a website, we have some brainstorming sessions and discussion to figure out the concept of the website and what is the content to put in the website.
Idea (content & layout)
After confirming the idea and concept of the website for the campaign, we analyzed it and concluded it to let it have a clearer vision. The goal for this website is to let the audience participate in the web series episodes, meanwhile search the clues in the website to get inspiration unleashing themselves. Also, gaining awareness of the brand, H'ana. To categorize all the information, we have made some sketches of the website layout and finalize the content. The idea of the website is a platform where it gathers the episodes of web pilots, the clues, and introduction of the campaign. Participants will visit the website to watch the video first then being led to Twitter and Instagram. At last, leading them back to the website again to play a mini game “guess the correct answer to get free vouchers”. It is to have interactions with the audience, and fully utilize the website. We wanted to connect with the audience and have more interactions. Instead, we insert some of the clues in the website to let the participants search for it.
Content:
- homepage (video description and video episode 1)
(answer form, answer submit by participants to redeem free gift)
- synopsis page (about the storyline)
(introduction of characters and audience may follow their stories)
- history page (some clues are inserted here)
- inbox page (some clues are inserted here)
. Fig 2 : content, layout planning website idea brainstorming
Wireframe
Wireframes of the website are created for a better understanding. Well, after creating the website, it is indeed helpful to overview the whole website and be able to point out mistakes and improvements in further development. Therefore, after a few rounds of trial and error, a final wireframe of the website is done. Which, the next step is going to execute the website.

Website Progression
During the process of the website, it was a fun experience where we learned a lot too. From a basic website until the website we intended to create. However, we felt it lacked interactions and excitement, thus, we created some gif animations to add on to the website. The aim is to create some excitement for the audience and gain their interest to find the next story.
Instagram
Mindmap
One of the transmedia from the campaign is the instagram. We used Instagram as a platform to reveal one of the character’s daily lives. Therefore, before start with the illustration and execution, we have a brainstorming session using mindmap to have a rough idea on what content to be inserted in the instagram, how it would works.
Idea (content)
We had discussion and finalized the idea. What we did for the next step is having a draft sketch on the content of Instagram, as in what to show and the captions. It’s indeed a process where we put lots of efforts too since it’s also part of the storyline for the campaign. Hence, there are few rounds of trial and error to improve the contents of Instagram.
captions ideas:
- post 1 : my first tattoo! Love it so much! It means a lot to me…
- post 2 : it’s beautiful isn't it?
- post 3 : work, work, work....Currently in love with the smell of my essential oil necklace 🖤
- post 4 : someone judged me on my tattoo today.... it's a bad day....
- post 5 : Yeahh! My new tattoo at my right shoulder! It actually has a meaning behind the tattoo... it means peace, fair and freedom
- Post 6 : Why do people think tattoos means bad of a person??? I love tattoo.... their behaviour makes me afraid of telling people that I like tattoos
- Post 7 : I cried in office toilet today and I saw a new staff who impressed me, I'm really envy of her
- post 8 : Saw this tattoo picture in my phone. P.S I feel the essential oil necklace have stronger scent these days, not sure why it will be like that. Kinda weird but it's okay, the smells are good and motivated me to love myself and be myself
- post 9 : A busy and tiring day today after office work. Need to dress up nicely everyday for my job scope really makes me tired.....
- post 10 : Found this illustration that I did in my notebook, and wanted to convert it into my tattoo collection !
- post 11 : Why it could be so hard to show who I am?
- post 12 : It isn't fair, love has no boundaries.....
- post 13 : Telling myself to be who I am, and it surprisingly let me feels better these weeks and days. Wondering what makes me have such motivation.
- post 14 : It's weird but I started to feel motivated since I have the essential oil necklace, wondering so many whys in my head. But, I felt motivated to do things I love now, enjoy being it , not to care about the assumptions on my tattoo. Fighting!
- post 15 : It's been a while to update here in my ig. But things change... I keep wondering who I am for a period of time, wondering what I want, how's life should be. I have secrets, and many of you realized, given me as many assumptions and doubts as everyone else could. So who am I actually? Check out my ig story.
Stories ideas:
- ig story 1 : quotes of tattoo lovers
- ig story 2 : some hints
- ig story 3 : some hints
- ig story 4 : slowly reveals the answer
- ig story 5 : slowly reveals the answer
- ig story 6 : a question poll
- ig story 7 : encourage participants to submit their answer on our website
Progression
Of course there are trials and errors, illustrations were created during the process of building the instagram for one’s character. Before putting all stuff into Instagram, we did illustrations for the scene and daily lives of that character.
After finishing with illustrations, the illustrations and captions are uploaded to Instagram. In fact, the clues and hints were all hidden in the caption message, stories or the illustrations.
Twitter
As the second medium of our transmedia web series, we decided to use Twitter to reveal one of the character's emotions and life, which is the character 2, the one who is a university girl. She believes that love has no boundaries as well as gender. Feeling different from others, she seeks into identifying her sexuality. Hence, the idea for Twitter medium is to reveal her thoughts and emotions of H'ana’s “another personality”. The content will be retweeting the articles, quotes or any information that is relevant to her thoughts. These tweets and news will give some hints too on who she is. At one day of her tweets, a post “follow my instagram” will be shown in her profile too as a connection to Instagram that leads audience find the next clue from instagram.
Group projects require teamwork, however it is not that everyone does the same position. Any successful team needs people to take on roles as our professional life is a team sport. (ART MARKMAN, 2020). Throughout the whole project, two of us separated to do the parts we are good at. We managed to finish our part and gained experiences, as we came across with skills that are new to us. It seems a small project but it requires a lot of team working skills to bring our project to the best outcome. We learned how to work and give updates with each other, which updates within group mates are important. It is to ensure each of us can work effectively and achieve a happier yet more productive team. (olivia, 2020). Starting from doing research and ideas brainstorming, to the execution of a project, we knew the knowledge and steps to create a transmedia project.
References
Olivia, 2020. 6 Simple Tips For Effective Team Management. [online] Focus. Available at: <https://www.meistertask.com/blog/6-simple-tips-effective-team-management/> [Accessed 25 May 2020].
ART MARKMAN, 2020. This Is The Secret To Doing More Productive Group Work. [online] Fast Company. Available at: <https://www.fastcompany.com/90450653/this-is-the-secret-to-doing-more-productive-group-work> [Accessed 25 May 2020].
______________________________________________________________________________________________________
Animation Video
Storyline & script
Before entering to the execution, we came out with the transmedia storytelling idea. Therefore, we start to write the storyline for this transmedia project and the script for the first web pilot series. The story revolves around a girl with 3 identities. The girlish side that she reveals it to the public when she started working, a university girl trying to figure out her sexual orientation, and the men-like side of her that only she herself knows. The character face the same issue, which is fear of people’s judgement.
CHARACTER 1
-beauty consultant
-chic and stylish
-ladylike
CHARACTER 2
- university girl
- muddled about her sexuality
CHARACTER 3
- tattoo artist
- spontaneous and rebellious
- boyish
Fig 1 Scriptwriting
Storyboard sketches
After having an idea on the story telling, we start to sketch the storyboard in order to let us start our animation illustration.
Fig 2 : Storyboard sketching
Fig 3 Animation drawing (digital)
Animation progress



______________________________________________________________________________________________________
Web Series
Mindmapping
Website will be our main media to gather the information and media. Before getting started with the execution of a website, we have some brainstorming sessions and discussion to figure out the concept of the website and what is the content to put in the website.

Fig 1 : website idea brainstorming
Idea (content & layout)
After confirming the idea and concept of the website for the campaign, we analyzed it and concluded it to let it have a clearer vision. The goal for this website is to let the audience participate in the web series episodes, meanwhile search the clues in the website to get inspiration unleashing themselves. Also, gaining awareness of the brand, H'ana. To categorize all the information, we have made some sketches of the website layout and finalize the content. The idea of the website is a platform where it gathers the episodes of web pilots, the clues, and introduction of the campaign. Participants will visit the website to watch the video first then being led to Twitter and Instagram. At last, leading them back to the website again to play a mini game “guess the correct answer to get free vouchers”. It is to have interactions with the audience, and fully utilize the website. We wanted to connect with the audience and have more interactions. Instead, we insert some of the clues in the website to let the participants search for it.
Content:
- homepage (video description and video episode 1)
(answer form, answer submit by participants to redeem free gift)
- synopsis page (about the storyline)
(introduction of characters and audience may follow their stories)
- history page (some clues are inserted here)
- inbox page (some clues are inserted here)
Fig 3 : website layout sketch
Wireframes of the website are created for a better understanding. Well, after creating the website, it is indeed helpful to overview the whole website and be able to point out mistakes and improvements in further development. Therefore, after a few rounds of trial and error, a final wireframe of the website is done. Which, the next step is going to execute the website.
Fig 4 : wireframe of website
Website Progression
During the process of the website, it was a fun experience where we learned a lot too. From a basic website until the website we intended to create. However, we felt it lacked interactions and excitement, thus, we created some gif animations to add on to the website. The aim is to create some excitement for the audience and gain their interest to find the next story.
Fig 5 : layout progression of website
Fig 6 : layout progression of website
Fig 7 : form that allow participants to submit the correct answer for free gift
Fig 8: animation frame progress
Fig 9: animation frame progress
______________________________________________________________________________________________________
Mindmap
One of the transmedia from the campaign is the instagram. We used Instagram as a platform to reveal one of the character’s daily lives. Therefore, before start with the illustration and execution, we have a brainstorming session using mindmap to have a rough idea on what content to be inserted in the instagram, how it would works.
Fig 1 : instagram brainstorming mind map
Idea (content)
We had discussion and finalized the idea. What we did for the next step is having a draft sketch on the content of Instagram, as in what to show and the captions. It’s indeed a process where we put lots of efforts too since it’s also part of the storyline for the campaign. Hence, there are few rounds of trial and error to improve the contents of Instagram.
captions ideas:
- post 1 : my first tattoo! Love it so much! It means a lot to me…
- post 2 : it’s beautiful isn't it?
- post 3 : work, work, work....Currently in love with the smell of my essential oil necklace 🖤
- post 4 : someone judged me on my tattoo today.... it's a bad day....
- post 5 : Yeahh! My new tattoo at my right shoulder! It actually has a meaning behind the tattoo... it means peace, fair and freedom
- Post 6 : Why do people think tattoos means bad of a person??? I love tattoo.... their behaviour makes me afraid of telling people that I like tattoos
- Post 7 : I cried in office toilet today and I saw a new staff who impressed me, I'm really envy of her
- post 8 : Saw this tattoo picture in my phone. P.S I feel the essential oil necklace have stronger scent these days, not sure why it will be like that. Kinda weird but it's okay, the smells are good and motivated me to love myself and be myself
- post 9 : A busy and tiring day today after office work. Need to dress up nicely everyday for my job scope really makes me tired.....
- post 10 : Found this illustration that I did in my notebook, and wanted to convert it into my tattoo collection !
- post 11 : Why it could be so hard to show who I am?
- post 12 : It isn't fair, love has no boundaries.....
- post 13 : Telling myself to be who I am, and it surprisingly let me feels better these weeks and days. Wondering what makes me have such motivation.
- post 14 : It's weird but I started to feel motivated since I have the essential oil necklace, wondering so many whys in my head. But, I felt motivated to do things I love now, enjoy being it , not to care about the assumptions on my tattoo. Fighting!
- post 15 : It's been a while to update here in my ig. But things change... I keep wondering who I am for a period of time, wondering what I want, how's life should be. I have secrets, and many of you realized, given me as many assumptions and doubts as everyone else could. So who am I actually? Check out my ig story.
Stories ideas:
- ig story 1 : quotes of tattoo lovers
- ig story 2 : some hints
- ig story 3 : some hints
- ig story 4 : slowly reveals the answer
- ig story 5 : slowly reveals the answer
- ig story 6 : a question poll
- ig story 7 : encourage participants to submit their answer on our website
Fig 2 : instagram content draft 1 (sketches)
Fig 3 : instagram content draft 2 (sketches)
Progression
Of course there are trials and errors, illustrations were created during the process of building the instagram for one’s character. Before putting all stuff into Instagram, we did illustrations for the scene and daily lives of that character.
Fig 4 : illustration frame for instagram feed progress (sketches)
After finishing with illustrations, the illustrations and captions are uploaded to Instagram. In fact, the clues and hints were all hidden in the caption message, stories or the illustrations.
Fig 5 : there are posts that record the lives or emotion of one’s character, captions and highlights were also added into it. Participants may search the clues through the captions or illustrations.
Fig 6 : instead just reveal the clues in captions and post, stories in Instagram give hints too
______________________________________________________________________________________________________
As the second medium of our transmedia web series, we decided to use Twitter to reveal one of the character's emotions and life, which is the character 2, the one who is a university girl. She believes that love has no boundaries as well as gender. Feeling different from others, she seeks into identifying her sexuality. Hence, the idea for Twitter medium is to reveal her thoughts and emotions of H'ana’s “another personality”. The content will be retweeting the articles, quotes or any information that is relevant to her thoughts. These tweets and news will give some hints too on who she is. At one day of her tweets, a post “follow my instagram” will be shown in her profile too as a connection to Instagram that leads audience find the next clue from instagram.
Fig 1 : the tweets to show her thoughts and emotions
______________________________________________________________________________________________________
Marketing
Mindmap
Before kick start with the illustration of social media, we did a mind map brainstorming session for the marketing part. The first phase of campaign is the web series and each transmedia. However, to make the campaign go more viral and to let the audience know there’s a campaign, marketing is needed to boost the views. Therefore, the 2nd phase is having some marketing boost. The goal is to bring the audience from the instagram (where the ending reveals) back to our campaign website. Meanwhile, promoting the product of H'ana too.

Fig 1 : marketing strategy mind map

Fig 2 : social post planning for Instagram and Facebook

Fig 3 : steps to redeem the voucher code & the marketing strategy

Fig 4 : social post progression

Fig 5 : social post progression
Fig 6 : instagram social post mockups

Fig 7 : facebook social post & cover mockups
Idea (content)
After having brainstorming session and discussion with lecturer, we made a conclusion and digital sketch for a better understanding. How we did the marketing strategy is by asking ourselves the 5ws, which is when, why, what, how and where.
Fig 2 : social post planning for Instagram and Facebook
a) What
- relates back to our website
- bring the audience back to website and gain awareness of the brand
- promoting at social media too
b) When
- before, during & after campaign are released
c) Where
- instagram
- facebook
- post 1 : web series promotional post (is coming soon)
- post 2 : web series promotional post (released now, check out our website)
- post 3 : we have a treat specially for you (introducing the voucher code game)
- post 4 : steps to redeem the voucher code
d) How
- we have a voucher code…
- voucher code can be used at our mobile apps
- voucher code can be as a gift to participants in this campaign who submit the correct answer to us (well, it will act like a mini game for the participants as an interaction with audience)
- it is a pass for them to call for action too (to unleashed themselves)
- steps :
Fig 3 : steps to redeem the voucher code & the marketing strategy
Progression
After confirming the ideas of marketing, it is time to execute with the layout and design of the social post and posters. There are trials and errors, which we aimed to bring the best message in the post.
Fig 4 : social post progression
Fig 5 : social post progression
Mockups
To show a clearer visual to the client, we did mockups for the social post and the key visual of the campaign as well as the posters for promotional purposes. Well, it is indeed an interesting experience for us since we are not only doing design and transmedia but also considering the marketing part for the campaign.
Fig 6 : instagram social post mockups
Fig 7 : facebook social post & cover mockups


Comments
Post a Comment