Juice Website - 3D Effect
Tool: Figma
Description
To make the Realistic 3D effect, I work with Animation Effects and Tools like Ease in and Ease out.
I set it to Seconds: 800ms.
The website consists of #3 pages.
@1st: Front Page describes what kind of website it is.
@2nd: It contains Lemon Flavour with attracting background colours, while pressing on "Punch Me" Button it bring you to the next page.
@3rd: It contains Pine Apple Flavour ,with colourful bg. if you press the "Punch Me" Button it will again redirect you to the 2nd page.
Heart Button: I set a heart button on the front page, that will proceed you to the next page while " Mouse Enter" ,it shows the effect of page dissolve and navigate to 2nd page.
Button: I created a Button name "Punch Me" which will attract the user and helpful in navigating to the next page.
Background Colour: Each page has it's own colour, it is Double Shaded, it is filled with linear effect. It will interact with the user/client in an attractive manner.
Navigation Menu: Navigation bar consists of Brand Logo/Title , Products, About, Insights, including search Logo.
Mask: Here I created Vector int the shape of Tin and Masked with the content bar.
Prototype: I managed the flow carefully and website run with fake 3D Effect as mentioned above.