Paris Baguette
Introduction
This project involved making a motion graphic animation for the Paris Baguette Mobile App. Everything from the assets to the animating was required to be made solely from Adobe After Effects.
There were a few objectives attached to this,
The animation had to look like a convincing onboarding / tutorial for new users.
The UI Prototype had to include how the app would respond if users were interacting with the app.
The UI motion graphic prototype was made with the mindfulness that new users might need help using the app. A key objective of this project was to show what the app can offer users.
Paris Baguette
Introduction
This project involved making a motion graphic animation for the Paris Baguette Mobile App. Everything from the assets to the animating was required to be made solely from Adobe After Effects.
There were a few objectives attached to this,
The animation had to look like a convincing onboarding / tutorial for new users.
The UI Prototype had to include how the app would respond if users were interacting with the app.
The UI motion graphic prototype was made with the mindfulness that new users might need help using the app. A key objective of this project was to show what the app can offer users.
Paris Baguette
Introduction
This project involved making a motion graphic animation for the Paris Baguette Mobile App. Everything from the assets to the animating was required to be made solely from Adobe After Effects.
There were a few objectives attached to this,
The animation had to look like a convincing onboarding / tutorial for new users.
The UI Prototype had to include how the app would respond if users were interacting with the app.
The UI motion graphic prototype was made with the mindfulness that new users might need help using the app. A key objective of this project was to show what the app can offer users.
Process
First, I needed to decide what screens & interactions I wanted to animate.
After, I needed to gather and create the icons, assets, typography, and pictures.
Process
First, I needed to decide what screens & interactions I wanted to animate.
After, I needed to gather and create the icons, assets, typography, and pictures.
Process
First, I needed to decide what screens & interactions I wanted to animate.
After, I needed to gather and create the icons, assets, typography, and pictures.
Final Look
Additional Notes
I wanted the transitions for every interaction to feel smooth and obvious.
Paris Baguette also had their own app at the time, so it was heavily referenced during the duration of this project.
Finally, it was time to animate everything using after effects.
Softwares / Assets used:
Adobe After Effects (for animating)
Adobe Illustrator (to make assets)
Final Look
Additional Notes
I wanted the transitions for every interaction to feel smooth and obvious.
Paris Baguette also had their own app at the time, so it was heavily referenced during the duration of this project.
Finally, it was time to animate everything using after effects.
Softwares / Assets used:
Adobe After Effects (for animating)
Adobe Illustrator (to make assets)
Additional Notes
Colors
The convention's visual identity uses consistent purple and green colors.
Torn paper & Tape
I replicated their social media and website motifs.
Typeface
I used the convention's typeface, Interstate, for consistency and legibility.
Colors
The convention's visual identity is characterized by the consistent use of purple and green throughout their social media accounts and the signage in the venue itself.
Torn paper & Tape
These motifs were prevalent across their social media platforms and website. It’d only be natural to adapt it into all media forms. I did my best replicating it into this brochure.
Typeface
I aimed to maintain consistency by utilizing the same typeface featured in the convention's visual identity. I ended up with using Interstate due to its legibility & how it offers a versatile range of styles.
Additional Notes
Colors
The convention's visual identity uses consistent purple and green colors.
Torn paper & Tape
I replicated their social media and website motifs.
Typeface
I used the convention's typeface, Interstate, for consistency and legibility.
Colors
The convention's visual identity is characterized by the consistent use of purple and green throughout their social media accounts and the signage in the venue itself.
Torn paper & Tape
These motifs were prevalent across their social media platforms and website. It’d only be natural to adapt it into all media forms. I did my best replicating it into this brochure.
Typeface
I aimed to maintain consistency by utilizing the same typeface featured in the convention's visual identity. I ended up with using Interstate due to its legibility & how it offers a versatile range of styles.
Additional Notes
Colors
The convention's visual identity uses consistent purple and green colors.
Torn paper & Tape
I replicated their social media and website motifs.
Typeface
I used the convention's typeface, Interstate, for consistency and legibility.
Colors
The convention's visual identity is characterized by the consistent use of purple and green throughout their social media accounts and the signage in the venue itself.
Torn paper & Tape
These motifs were prevalent across their social media platforms and website. It’d only be natural to adapt it into all media forms. I did my best replicating it into this brochure.
Typeface
I aimed to maintain consistency by utilizing the same typeface featured in the convention's visual identity. I ended up with using Interstate due to its legibility & how it offers a versatile range of styles.
Colors
The convention's visual identity uses consistent purple and green colors.
Torn paper & Tape
I replicated their social media and website motifs.
Typeface
I used the convention's typeface, Interstate, for consistency and legibility.
Final Look
Finally, it was time to animate everything using after effects.
Additional Notes
I wanted the transitions for every interaction to feel smooth and obvious.
Paris Baguette also had their own app at the time, so it was heavily referenced during the duration of this project.
Softwares / Assets used:
Adobe After Effects (for animating)
Adobe Illustrator (to make assets)
Final Look
Finally, it was time to animate everything using after effects.
Additional Notes
I wanted the transitions for every interaction to feel smooth and obvious.
Paris Baguette also had their own app at the time, so it was heavily referenced during the duration of this project.
Softwares / Assets used:
Adobe After Effects (for animating)
Adobe Illustrator (to make assets)