Project overview:

Design an interactive 404 error page.

Summary:

Among us, the popular multiplayer social deduction game that blew up in 2020, is a game where you play with your friends to figure out who is the imposter is among your crew. Set in on a spaceship in space, explore different maps while doing various tasks, and hope you survive the match while you try to find the imposter. This is a game that I enjoy playing with my friends. I really enjoy how fast the matches are and the unique “lying” aspect of the game. It really challenged me to come up with lies quickly, so as the imposter, I wouldn’t be ejected from the spaceship.

Challenges:

The biggest challenge I faced during this project was implementing interactivity into the webpage. I originally designed this webpage in Photoshop. Then I transferred it into Adobe XD, hoping that I could use the prototyping feature to add custom animations. Unfortunately, I learned quickly that, I couldn’t animate the little characters and text without building the page from scratch inside XD. So I restarted from the beginning. I tried to use the prototyping feature to make the characters fade in on a mouse hover. However, when I previewed the website, the animation didn’t play. Confused, I kept trying to troubleshoot and figure out what went wrong. This is when I came across an animation plug-in for Adobe XD. I got so excited, thinking this would solve my issue. So I watched the tutorial and tested the plug-in on one character. It worked to a degree, but instead of animating one character, it animated all of them. Furthermore, the animation wasn’t as smooth and custom as I wanted it to be. So again, I troubleshoot and played around with the plug-in but I just couldn’t get the results I wanted. So I made the decision to just make a static webpage.

Outcome:

I created a fun and cute looking 404 error page, however my lack of experience with Adobe XD and animation, in general, prevented me from adding interactivity to the webpage.