CONTEXT:
About the Project
Goal:
This was made for a school project creating a series of application designs for an imaginary food film event called "DELIGHT". The goal was to express the energy of food through a modern and simple perspective.
Type:
Myself
Duration:
4 months (Jan - April 2020)
Skills:
Editorial Design, UI/UX Design, Animation, Product Thinking and Prototyping
Tools:
Illustrator, Xd, After Effect, Photoshop
Teaser Posters
Roughs 1:
Trying to work around with existing elements related to film and experiment with the possibilities of colours that could work together. I started with some basic colours and elements in the beginning as warm up exercises to get ideas going. Then to a more graphic approach and exploring the potentials by mixing food ingredients and film tapes together to convey a more direct message to the audience.
Roughs 2:
I tried to train myself to step out of the box and not to use obvious film tape elements to convey the message. MAKE IT MORE INTERESTING!! I forced myself to abandon all the previous designs and try using less elements to communicate the emotions and energy. This allow the audience to explore and interact with the designs.
Teaser Posters:
Design 1. Tried to convey motion and movement through colours, but the result appears too static in the center of the composition.
Design 2. Having the elements flow across the page to express the movement and happy energy from spice. But seems too messy and hard to read the text.
Billboard:
Design 1. Explore the combinations of colours and not to make it appear overwhelming.
Design 2. Iterations of text locations and how it works with the avocado elements.
Design 3. Testing out the results of experimenting with adjustments in the background instead of having too much avocado elements.
Bus Stop Poster:
Change in ingredients and highlight the emotions after eating carrot. Flavours are not too extreme but has its uniqueness to it.
Outcomes:
I was able work around with all my problems and find a solution to each to make it work together as a series from the same event. These designs were able to convey and interact with the audience that will stand out.
Mockups
Roughs:
Exploring the different way of putting it together.
- Directions the text and elements come in
- Length of each scene
- Length of each element and text appear per scene
Outcome:
All elements work well together with a good length of the overall animation with the required content and information.
Mobile App Basic Mockup
This was my first time interacting with Adobe XD. It was an interesting experience in understanding how to build an interaction with a design. This allowed me to stand in the audience perspective everytime working with the prototype and try to improve based upon every testing to see how to make the user experience more smooth and convenient.
