Laufey Musical Artist Website
Project Overview:
This is my first website design created with Adobe XD. The website serves as Laufey's primary hub, establishing her credible online presence while authentically reflecting her musical identity. Its primary objective is to deliver a seamless and immersive experience to fans, industry professionals, and curious listeners alike by providing essential information, including tour dates, an artist biography, popular albums/music, and music videos.
Target Audience:
The target audience for Laufey's website comprises a diverse group ranging from younger teens to adults in their mid-30s. Although primarily female within the 15-25 age range, the appeal of Laufey's romantic/jazzy/classical musical style transcends gender boundaries. The design aims to engage individuals who appreciate the genre while being inclusive of diverse listeners.
Design Approach:
The content strategy revolves around organizing information efficiently to ensure user accessibility. For instance, tour and ticket information is neatly categorized under the "Tour" section, offering comprehensive details about dates, cities, venues, and performance times. Moreover, the website features a concise artist biography aimed at introducing Laufey to new audiences while spotlighting her most popular songs for newcomers to explore.
In terms of design patterns and elements, the website incorporates user-friendly navigation bar tabs, facilitating streamlined access to specific sections like tour details, albums, and media. Additionally, horizontal scroll wheels are employed to add visual interest, showcasing album covers and music videos. The chosen color scheme comprises soft pastel tones of pink and mauve, intentionally resonating with Laufey's romantic musical style and seamlessly incorporating floral imagery into the design aesthetic.
The design approach emphasizes creating an intuitive, visually appealing interface that aligns with Laufey's musical identity. By focusing on user engagement, informative content organization, and reflective aesthetics, the website aims to establish a credible and captivating online presence for the artist.
Style Guide:
Desktop Interactive Design Composition: Place your mouse over the image and scroll.
Mobile Interactive Design Composition: