<?xml version="1.0" encoding="utf-8"?>
Open full project

Introduction

At UniQ Records, music is a celebration of diversity and unity. With the celebration of Pride Month, my task as the UI/UX Designer was to redesign the landing page to be more inclusive and unique while incorporating design elements that shows support for diversity.

Overview: UniQ Records landing page website redesign that shows support for diversity in the music industry.

Project Background: A music label that celebrates diversity, creativity, and inclusivity. With a wide range of talented artists, the label aims to reflect these values online, especially during Pride Month.

The current landing page needed an update to better represent the brand identity and enhance user experience. My goal was to redesign the landing page to showcases our artists and their music while celebrating inclusion and diversity.

What I’ll Cover: This case study will showcase the steps I took and changes I made to redesign the landing page for inclusivity and diversity.

UniQ Records | Landing Page Redesign 1

Objectives

To redesign the landing page into an inclusive, engaging, and visually appealing interface that highlights diversity and inclusivity.

  • Promote Inclusion and Diversity: Reflect UniQ Records' commitment to celebrating diverse identities and stories.
  • Celebrate Pride Month: Highlight LGBTQ+ related music and events with special Pride Month content.
  • Enhance User Engagement: Create a visually captivating and interactive landing page to keep visitors engaged.
  • Showcase Artists and Music: Feature UniQ Records' talented artists and their latest releases prominently.

UniQ Records | Landing Page Redesign 2

Research Goals & Methods

To redesign a landing page that truly reflects diversity and inclusion while celebrating Pride Month, I conducted a thorough research. My goal was to understand the preferences of our audience, and identify features that would enhance user experience. Here’s how I approached my research:

Research Goals:

  • Determine the important features and content elements that should be included in the landing page.
  • Focus on elements that highlight diversity and inclusion, especially during Pride Month.
  • Create a seamless and enjoyable experience for all visitors.

Research Methods:

  • Conducted in-depth analysis of existing studies, articles, and reports on user behavior and preferences on diversity in the music industry.
  • Developed detailed persona and pain points to representing different segments of the audience.
  • Made iterative improvements based on feedback to enhance the overall experience.

Findings:

  • Our audience is diverse, with a wide range of musical tastes and interests, and there is a high level of interest in content that celebrates LGBTQ+ artists and events, especially during Pride Month.
  • Visual and interactive content, such as colors, videos, and vibrant imagery, significantly enhance user engagement and resonate strongly with our commitment to diversity and inclusion.

UniQ Records | Landing Page Redesign 3

Problem Statement

UniQ Records' existing landing page lacked the inclusive elements needed to reflect the label's support to celebrate the LGBTQ+ community, especially during Pride Month. The site needed a redesign to promote a sense of community, diversity and inclusion

UniQ Records | Landing Page Redesign 4

Our Audience

  • Fans of various music genres looking to discover new artists and tracks.
  • Individuals interested in supporting and celebrating LGBTQ+ community during Pride Month.
  • The label existing fans and individuals, mostly young adults (18-45), who want to stay updated on the latest releases and interested in attending concerts, festivals, and other music-related events.

UniQ Records | Landing Page Redesign 5

UniQ Records | Landing Page Redesign 6

Solutions

  • Created dedicated sections to highlight LGBTQ+ and showcase featured related music contents that celebrate the diverse identities and backgrounds of our artists.
  • Introduced visuals, such as images and colors that is represented in the Pride flag to show inclusivity.
  • Created access to music streaming links, artist profiles, and latest releases from the landing page, also included call-to-action buttons for quick navigation to other contents.

My Processes

  1. Discovery: I conducted preliminary research to gather insights on LGBTQ+ community preferences to understand their vision, goals, and requirements for the new landing page.
  2. Research: I analyzed existing studies, reports, and case studies on user behavior and diversity in the music industry to identify their needs, preferences, and pain points.
  3. Planning: I developed user persona to represent audience to guide design decisions and outlined a content strategy that emphasizes diversity, inclusion, and engagement, with a special focus on Pride Month.
  4. Design: I developed moodboards to establish the visual direction, created wireframes to map out the layout, and designed high-fidelity prototypes to visualize the final look of the landing page.

UniQ Records | Landing Page Redesign 7

Final Solution

UniQ Records | Landing Page Redesign 8

Typography:

Header (Sora)

UniQ Records | Landing Page Redesign 9

Body (Inter)

UniQ Records | Landing Page Redesign 10

Color Palette:

UniQ Records | Landing Page Redesign 11

Conclusion & Final Thoughts

This project reminded me about the significance of creating digital experiences that are not only visually appealing but also deeply resonate with the values and needs of diverse community and audience by focusing on inclusivity, engagement, and user-centric design.

Moving forward, I will continue to prioritize user feedback and industry trends to ensure user-centric design solutions.

Thank you for following our journey through this project.

Share your insights — leave a project review and help others grow their skills

Reviews

9 reviews


Congrats on such a great project submission, Chibuzo. Nothing to add from my end, the project submission is complete and comprehensive. Resulted in landing page that speaks for itself. Great work.

Thank you

I thoroughly enjoyed reviewing your work! The research was thoughtful, and the design was tasteful, especially the typeface choice and the way you colored one word in each heading with LGBTQ colors. The implementation was great, and the presentation was excellent and easy to follow. The LGBTQ-themed playlist was a nice touch, and I admire how you integrated the Pride Month theme smoothly into the rest of the website content. Thank you and good luck!

(edited)
Thank you.

The UI is beautiful and it has enough Pride elements that let us know what is it for.

The elements are modern. Hierarchy is great in guiding us throughout the landing page.


VXRCEL

VXRCEL

great work, the choice of colors, the look and feel and the modern touch are just amazing


Well written case study, amazing design.


I like the grid work and typography. By the way, what font was used? Very cool idea with LGBT performers. But I think it lacks inclusiveness and accessibility - for example, contrast in the text and some elements. 

Thanks for your review. The body font is Inter while the header font is Sora.

Shelly Duncan

Shelly Duncan

It was insightful to go through this project since I came across it. It felt like embarking on a journey with intended users and the designer.

Good luck! 👍

Thanks Shelly

Not only is the design visually appealing but the product solves problems of the users. Kudos to you.

Thank you Halimat

Your work on the UniQ Records landing page redesign was truly impressive. The research was thorough and insightful, clearly reflecting a deep understanding of the audience's needs and preferences. The design choices, particularly the typeface selection and the clever use of LGBTQ colors to highlight words in each heading, were both creative and impactful.

The implementation was seamless, and the overall presentation was exceptionally clear and well-structured. I especially appreciated the addition of the LGBTQ-themed playlist, which added a meaningful touch to the project. You managed to integrate the Pride Month theme effortlessly into the broader website content, maintaining a cohesive and engaging user experience throughout.

Thanks. I appreciate your feedback

Gafar  Adetunji

Gafar Adetunji

Amazing design


110 Claps
Average 4.6 by 24 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>