Spotify Inclusive Landing page
Overview: Join the celebration of LGBT music by listening to local and diverse LGBT artists this pride month with Spotify! Embrace your space, find your community and MAKE YOUR VOICE HEARD by joining local Pride music events in collaboration with Spotify.
Objectives: This case study focuses on a redesigned inclusive Spotify landing webpage in celebration of Pride Month through highlighting local LGBT artists, celebrating diverse musicians, and LGBT show soundtracks. It aims to highlight LGBT voices and create a sense of community through featuring local LGBT music events and music!
Reviews
5 reviews
Good effort on this project! There are many commendable aspects in your rationale and designs, along with some opportunities for improvement. I appreciate the good use of color, the theme, the characters you've added, and the repetition of the Spotify branding in the header and footer.
Your case study shows potential but seems a bit inconsistent in terms of quality and content. There are areas where some example content from Uxcel’s template is still present, which makes it hard to differentiate from your own additions. You’ve shown some steps of your process, but it's missing some of your rationale on why you chose those particular approaches.
Regarding your final designs, they need some more polishing. On your homepage, the "Listen" CTA text is not centered on the button. You can use auto layout in Figma to center this text inside your button container.
For the "Featured Irish Artists" section, adding more space above and below the text would help it breathe, similar to the "Underrepresented LGBTQ Artists" headline. As you scroll down, there are some boxes with a gradient fill and white text that is a bit hard to read. For your next iteration, ensure you're using WCAG accessibility-friendly colors. Additionally, there are some other areas where the text blends into the background, such as the Local LGBT Events section. A small note: there's an event listed as free but also has a price—make sure to edit that for consistency.
In the "Ruth Ellis Center" card, the alignment, spacing, and placement of the text and button seem off. Perhaps left-aligning these items and adjusting the spacing between the title and text, as well as between the text and button, could improve this section. In the footer, you use the same font weight for "Home," "About," "Support" as for the items under them. Adjusting the font weight so the titles are thicker than the items below will enhance visual hierarchy.
Postives:
- Love your use of a 3dish CTA button. Really stands out from others.
- Also how you get straight to the function, that is listening
- That gradient from top to bottom is also soothing.
Now comes the hard part.
- Like someone said, this doesn't really seem close enough to spotify so maybe changing the logo to your own could be better.
- Local LGBT music events section text has low contrast.
- And the text sections witht white backgrounds could have some more padding.
I'm also participating in this contest. Perhpas you could give some feedback.
I loved the colour palette you selected it was bright and vibrant.
I was curious to know more about your design decisions and the research to inform your final solution.
The case study was incomplete so I wasnt able to determine the overall objectives for the project.
It would have been great to know more about the problem and problem context you were trying to solve with your final design and how it met the needs of your users.
I like your idea of redesigning the Spotify's pride landing page. The page looks good in itself but doesn't follow the Spotify's brand identity for some reason. I wanted to know more about your design decisions and research which led to the final solution.
The case study seems to be incomplete and missing a lots of details. I would have loved to know more about the problem you're trying to solve and finally your approach and reasons that helped you reach the final design.
The colour chosen are really cheerfula nd inspiring.
You might also like

Sojo NFT Marketplace

From Idea to Full-Stack Web App

Docto

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)

Fundraising Website
