This was my first web design challenge. I was tasked with creating my very own landing page of choice. Since it is my early stages working with XD and generally animating my prototypes, I chose to focus more on the prototype than the actual UI design. A bit crazy I know but I'm always a fan of experimenting before jumping into anything serious. My last design had gone tremendously well with auto animate but it was for mobile design. I had to jump into web design and actually try to figure out how everything would fall into place.
The Creative Process
As I said earlier, the main bone of contention was leaning more on the animation more than the design. Weird as it is, I chose this because it would help me understand more about creating animation as I was already familiar with web design but with a programming language. I wanted to learn how I would humanize my design so that I can have smooth transitions from one page to another.
The Screens
Generally the screens designs were not meticulously done. Just some shadows here and there, some text, images and the animation. Nothing that special
The Animation
A landing page is like a welcome page that "lets you in" the website. So for this design I wanted to have a sort of welcome image that grows in when pressed to symbolize walking in motion(or so to speak). I also went for a simple slide in overlay, but didn't use the overlay option on it. Positioning of the buttons was kinda off but that wasn't my main focus. Check it out
No comments:
Post a Comment