Stray Kids’ ‘Ate’ Album Website:
A Digital Experience for Fans
Skills
Web Design
UI/ UX
I created a marketing landing page for the Stray Kids’ website for fans to explore everything about the group's newest albums. From in-depth unboxings to exclusive previews, the site provides a comprehensive look upon its release, featuring detailed breakdowns of album contents like photobooks, photocards, posters, and limited-edition extras. Whether you're a longtime Stay (fans of Stray Kids) or a new listener, the site offers a one-stop shop for Stray Kids’ newest mini albums.
Overview
Create a responsive website that effectively sells Stray Kids’ newest album ‘Ate’ which ensures a seamless user experience.
Goal
In order to encapsulate the theme of their album, I chose colors and created assets that would give consumers an introduction to what they can expect from the album. The color palette was inspired by the group’s social media profiles, which are updated to reflect the concept of each new album during promotions. Drawing inspiration from the sharp, bold designs of the album's title and outer packaging, I created sigil assets to highlight key sections of the website, aligning with the album's aesthetic and enhancing the overall product presentation.
Assets
Logo
Stray Kids is a dynamic South Korean boy group formed by JYP Entertainment, debuting in 2018. Contrary to their music where it blends elements of hip-hop, EDM, and pop, their album ‘ATE’ showcases a gothic, metallic aesthetic. To complement this visual style, I designed the Stray Kids logo in a similar, cohesive manner to their newest album, creating a unified and symbiotic feel.
Three Variants
Stray Kids' album ‘ATE’ comes in three different variations, each with unique inclusions. To allow consumers to easily compare the contents of each version, I designed a layout that displays the albums and their inclusions side by side for convenient viewing.
Wireframes
Due to the extensive amount of inclusions within the product, it was beneficial to create wireframes to visualize the layout. It allowed me to visualize how to display all the different content at once without prioritizing one version of the album over another.
Final
Landing Pages
Product Pages
Check Out Pages
Takeaway
The Stray Kids project resulted in a fully responsive website that successfully promotes and sells their newest album, Ate, ensuring a seamless user experience across all devices. The site’s design effectively captures consumer attention while providing detailed information about each album variation and its inclusions, enhancing consumer understanding and anticipation, which is expected to drive an increase in sales. Through this project, I gained valuable insights into designing a strategic marketing landing page that introduces products in an engaging, visually appealing, and easy-to-navigate manner.