Collaborative Design Practice: Task 4
18.06.2024 - 02.07.2024 ( week 09 - week 011 )
Len Hoi Yee / 0353430
Collaborative Design Practice / Bachelor of Design in Creative Media
Task 4
Fig 1.1 Compositing
Before having the screen records of the app flow, i was planning the composition of each scene, graphics to be used, font size and colour, to make sure the entire layout matches.
Fig 1.2 Transition scene
For this scene, I wanted to make the logo jumped out from the screen and transition to the motion graphic part.
Fig 1.3 Set keyframe
Setting easy ease keyframe for the movement to be smooth when it jumps out from the phone.
Fig 1.4 Making different angle phone
Fig 1.5 3d buttons
Create 3d button graphics and used corner pin to create dimension for the text.
Animation
After receiving the screen record from the UIUX team i can finally start the animation process properly.
Fig. 1.6 Animation planning
Fig. 1.7 Scene 10 edit
Since some screen records were slow, I had to enable time remapping to speed up the screen record and cut off some unnecessary parts.
Fig. 1.8 Making graphical elements in AI
Fig. 1.9 Layout composition
I was trying out on how to arrange the graphical elements to fit the background.
Fig. 1.10 Adjusting timing
Fig.1.11 Creating graphics
Fig.1.12 Split screen
Creating split screen for this scene.
Fig.1.13 Sound effect
Added sound effect to the video.
Final Outcome
Final Marketing Channels
Fig. 4.1 Social media post for Innofest
Fig. 4.2 Social media post for our own brand
Fig. 4.3 Billboard
Figma working screen link
Final Pitch Video
Final presentation link
Reflection
Experience
I was suffering a lot with the composition of the entire layout, how does the text should look and placed, the phone placement and angle, the background, the overall animation of each scene. Then, I started making the text animation while waiting for the screen record of the app flow. Thankfully, I had my teammates providing me opinions and suggestions, I was more confident with my designs then. Overall, it was a great experience for me to experience different kind of motion graphic style, it was actually different from my usual style, which is actually more fun and creative. I have always thought that I am not good at composition, especially when comes to putting many elements together in a layout. That's why, i normally opt for a clean and neat composition which sometimes can be boring. With the help of my teammates, Jamie, she is good at doing collage photos, So i took some inspiration from her part, and applied on my scenes, I guess i just needed more inspiration and research. After this project, I realised I have to leave my comfort zone in order to create more creative designs.
Observation
When the video is done, I realized that implementing colours and graphical elements in the video really does strengthen the brand identity making it recognisable to the audience. Besides, incorporating these elements also enlighten the mood of the audience, capturing their attention.
Findings
Maintaning consistency throughout the video is important too. The art style for the graphic elements must be aligned with our brand style. At first, I did the magnifying glass with highlights and shadow but after going throught he video, i remembered that our art style is more line art and vector style, so i removed the highlight. The detailing is very important, it may seem a small problem, however, in a desginer's eye, it will definitely be the most obvious and the first thing they see.
Comments
Post a Comment