lricevisual@gmail.com
A UI & Micro-animation project with the goal of bringing delight to UI elements while enhancing brand identity.
A UI & Micro-animation project with the goal of bringing delight to UI elements while enhancing brand identity.
A UI & Micro-animation project with the goal of bringing delight to UI elements while enhancing brand identity.
A UI & Micro-animation project with the goal of bringing delight to UI elements while enhancing brand identity.
2-week timeline
2-week timeline
2-week timeline
UI design
UI design
UI design
This project was made with the goal of bringing delight to UI elements while enhancing brand identity. For this I used the brand Dossier, a perfumery that focuses on creating affordable fragrances.
This project was made with the goal of bringing delight to UI elements while enhancing brand identity. For this I used the brand Dossier, a perfumery that focuses on creating affordable fragrances.
This project was made with the goal of bringing delight to UI elements while enhancing brand identity. For this I used the brand Dossier, a perfumery that focuses on creating affordable fragrances.
This project was made with the goal of bringing delight to UI elements while enhancing brand identity. For this I used the brand Dossier, a perfumery that focuses on creating affordable fragrances.
The challenge
Sketching & storyboarding
Sketching & storyboarding
Summary
Summary
Summary
Summary
Visual Direction
Visual Direction
Visual Direction
Visual Direction
Sketching & storyboarding
Sketching & storyboarding
Final product
Final product
Final product
To get a better sense of my aesthetic direction, I began compiling a moodboard. I was very intrigued by the idea of using fluid in the animation. The movement of liquid within a glass container emulated the look of perfume inside a glass bottle, which directly tied to the product's core identity.
To get a better sense of my aesthetic direction, I began compiling a moodboard. I was very intrigued by the idea of using fluid in the animation. The movement of liquid within a glass container emulated the look of perfume inside a glass bottle, which directly tied to the product's core identity.
To get a better sense of my aesthetic direction, I began compiling a moodboard. I was very intrigued by the idea of using fluid in the animation. The movement of liquid within a glass container emulated the look of perfume inside a glass bottle, which directly tied to the product's core identity.
To get a better sense of my aesthetic direction, I began compiling a moodboard. I was very intrigued by the idea of using fluid in the animation. The movement of liquid within a glass container emulated the look of perfume inside a glass bottle, which directly tied to the product's core identity.
After I was set on my visual direction, I began sketching out ideas for possible configurations and animations. These sketches are the most refined– the product of several pages of ideation and mind mapping.
After I was set on my visual direction, I began sketching out ideas for possible configurations and animations. These sketches are the most refined– the product of several pages of ideation and mind mapping.
After I was set on my visual direction, I began sketching out ideas for possible configurations and animations. These sketches are the most refined– the product of several pages of ideation and mind mapping.
After I was set on my visual direction, I began sketching out ideas for possible configurations and animations. These sketches are the most refined– the product of several pages of ideation and mind mapping.
After this step, I was able to bring my sketches into After Effects and create some high fidelity UI micro interactions. My sketches helped to make the transition a lot smoother, as I was already thinking about how things might animate and interact with the user. Let’s see what I came up with!
After this step, I was able to bring my sketches into After Effects and create some high fidelity UI micro interactions. My sketches helped to make the transition a lot smoother, as I was already thinking about how things might animate and interact with the user. Let’s see what I came up with!
After this step, I was able to bring my sketches into After Effects and create some high fidelity UI micro interactions. My sketches helped to make the transition a lot smoother, as I was already thinking about how things might animate and interact with the user. Let’s see what I came up with!
After this step, I was able to bring my sketches into After Effects and create some high fidelity UI micro interactions. My sketches helped to make the transition a lot smoother, as I was already considering how things might animate and interact with the user. Let’s see what I came up with!
Visual direction
Dossier UI micro-animations
Dossier UI micro-animations
Dossier UI micro-animations
Sketching and ideation
Ideation
Ideation
Ideation
This project was made with the goal of bringing delight to UI elements while enhancing brand identity. For this I used the brand Dossier, a perfumery that focuses on creating affordable fragrances.
Visual direction
To get a better sense of my aesthetic direction, I began compiling a moodboard. I was very intrigued by the idea of using fluid in the animation. The movement of liquid within a glass container emulated the look of perfume inside a glass bottle, which directly tied to the product's core identity.
Sketching and ideation
After I was set on my visual direction, I began sketching out ideas for possible configurations and animations. These sketches are the most refined– the product of several pages of ideation and mind mapping.