The idea came from an number of places from the brand gradient, color palette, typography and some design example. I worked with all these to come up with the final results. This was to ensure I retain the brand guidelines.
This was the phone mockup I used to animate in the video. I separated layers in photoshop to end up with 3 layers that consisted of the screen, the thickness of the phone and the back. These layers were vital to bring the phone to life.
These were the screenshots provided of the Furaha app itself.
This was how the animation was switching from one screen to another in after effects. a simple fade in and fade out while the 3D phone was moving was enough to leave time for views to internalize what they were seeing.
