Skylands Hub
Overview
This figma design is a digital display of my childhood Skylanders collection, broken up into two different layouts and concepts. The desktop view of this site explores the denotative, objective value of the characters in-game statistics and physical characteristics, while the mobile experience explores a more connotative, subjective view of my experiences with each piece of the collection.
This figma design is a digital display of my childhood Skylanders collection, broken up into two different layouts and concepts. The desktop view of this site explores the denotative, objective value of the characters in-game statistics and physical characteristics, while the mobile experience explores a more connotative, subjective view of my experiences with each piece of the collection.
Type
Web Design
Year
2024
Role
Lead Designer
Client
College for Creative Studies
process
Throughout the ideation of this site, a big point of contention was the aesthetic of the page. Would this replicate the childish and colorful, yet sort of amateur look the original game had, or pursue a high quality, minimalist layout that doesn’t distract from the figures and makes them feel premium? Ultimately, we chose to move forward with a minimalist view, to give the figures the spotlight and not draw too much attention away to the website.
Throughout the ideation of this site, a big point of contention was the aesthetic of the page. Would this replicate the childish and colorful, yet sort of amateur look the original game had, or pursue a high quality, minimalist layout that doesn’t distract from the figures and makes them feel premium? Ultimately, we chose to move forward with a minimalist view, to give the figures the spotlight and not draw too much attention away to the website.
Target
The target audience was vintage video game fans and collectors, as well as casual people my age who used to play the game as a kid and wanted to walk down memory lane, remembering fun times they had using these figures. The site sneaks in purposefully nostalgic things to appeal on an emotional level to those who would recognize those elements, like using character video trailers that were extremely memorable and iconic, and using in-game assets for the skill tree section.
The target audience was vintage video game fans and collectors, as well as casual people my age who used to play the game as a kid and wanted to walk down memory lane, remembering fun times they had using these figures. The site sneaks in purposefully nostalgic things to appeal on an emotional level to those who would recognize those elements, like using character video trailers that were extremely memorable and iconic, and using in-game assets for the skill tree section.
Target
The experience quickly evolved from a flat, static website to a nonlinear, interactive experience. Features that were added include non-linear navigation like drop down menus and suggested next pages, interactive graphs showcasing the distribution of stats, motion elements like carousels, animations and videos, and much more.
The experience quickly evolved from a flat, static website to a nonlinear, interactive experience. Features that were added include non-linear navigation like drop down menus and suggested next pages, interactive graphs showcasing the distribution of stats, motion elements like carousels, animations and videos, and much more.
Conclusion
Throughout the process of creating this experience, I learned a lot about figma and the user experience of a website. Being able to dive deeper into figma components and website structure really helped me understand and dissect web development projects going forward, including the website you are reading right now. This foundational project helped formulate a lot of creative projects I took on in the future following this.
Throughout the process of creating this experience, I learned a lot about figma and the user experience of a website. Being able to dive deeper into figma components and website structure really helped me understand and dissect web development projects going forward, including the website you are reading right now. This foundational project helped formulate a lot of creative projects I took on in the future following this.
