Create Media For The Design

For the first phase of the project I needed to create the media that would be used for the landing page. So I use Adobe Illustrator & Adobe Photoshop to create the media and tweak my images. Then I exported them to either SVG or JPEGs into Adobe XD for staging.

Import Media

The next part of this project was to insert the media I created into XD so that I can prototype the landing page. I used XD to animate the landing page because after effects wasn't giving me the tools I needed to successfully create the landing page

Designing The Landing Page

For this part of the phases, I started arranging images to make the landing page with all the special effects, and ready the animation for prototyping.

Prototyping The Animation

For this phase of the project I started prototyping and linking the multiple artboards together and animating them to create the animated landing page...

Export Animation

For this phase of the project I had to export the prototype in a viewable format, save that code and embed into the project page.