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

Introduction

This project goal is to create a landing page for the company SNEAKERZ™ which incorporates visual elements that celebrate Pride Month. This will be a desktop web-page design that will encourage customers to view and shop a new collection of sneakers that the company has created.

I will go over the design process steps I took to help the company launch its new sneaker collection on their website.

Project background

World-renowned sport and lifestyle sneaker brand SNEAKERZ™ is a known supporter of the LGBTQIA+ community and is popular for its revolutionary footwear with uniquely designed, super bright, and colourful styles. For Pride Month 2024, they wanted to 'shake things up' and create a campaign that shows continuing support for the community while showcasing their unique style.

SNEAKERZ™ Pride Campaign Landing Page 1

When I asked what they meant by 'shaking things up', they mentioned that market research revealed that consumers felt Pride Month was being used as a marketing stunt. As a result of these findings, SNEAKERZ™ launched their Pride Collection - a series of sneaker designs created by well-known, much loved and respected LGBTQIA+ designers in the design and arts industry.

SNEAKERZ™ Pride Campaign Landing Page 2

SNEAKERZ™ Pride Campaign Landing Page 3

The run-up to the campaign launch was wildly successful and one of the designers on the panel had this to say, "This campaign felt genuine because the best way to honour a group of marginalised individuals is to empower them and give them a platform and recognition."

Project objectives

The campaign needed a landing page and so I began my design process using the five steps of Design Thinking.

SNEAKERZ™ Pride Campaign Landing Page 4

Empathise

  • First we created a persona of the typical SNEAKERZ™ consumer
  • Using the database of newsletter subscribers we reached out to customers to interview
  • We sent out surveys and invited 15 participants to come to SNEAKERZ™ head-office for focus groups
  • The goal was to understand the significance of Pride Month for the target audience

SNEAKERZ™ Pride Campaign Landing Page 5

  • From the surveys and focus groups we received these insights when asking the question, "What is the significance of Pride Month for you?"

SNEAKERZ™ Pride Campaign Landing Page 6

Define

  • We wanted to identify key themes and symbols associated with Pride such as the rainbow colour scheme
  • We also wanted to research which figures in the LGBTQIA+ had large reach and following like the designers who are featured
  • We had to establish what the landing page aims to achieve:

Primary Goals:

SNEAKERZ™ Pride Campaign Landing Page 7

Secondary Goals:

  • Grow email subscriptions by 10% within the next quarter.
  • Increase traffic to the main website by 5% month on month.
  • Collect feedback and customer insights for future projects.

Ideate and Prototype

  • With the focus group we brainstormed ideas and developed a concept that aligns with the brand and the research insights
  • We used this statement to gather ideas:

"How might we create a landing page to promote the new sneaker collection while fostering a genuine connection with organic engagement from the LGBTQIA+ community?"

  • We also had a content strategy session and invited the editors to help us with creating compelling headlines and clear call-to-actions (e.g., “Shop the Pride Collection,” “Join Us in Celebrating Pride,” “Share Your Pride Story”).
  • Low-fidelity wireframes were created to establish the layout and determine the placement for the headline, images, CTAs, and other elements.

SNEAKERZ™ Pride Campaign Landing Page 8

Solution

The video I have created to show the solution is too big, please visit this Google Drive link to view it.

SNEAKERZ™ Pride Campaign Landing Page 9

SNEAKERZ™ Pride Campaign Landing Page 10

SNEAKERZ™ Pride Campaign Landing Page 11

SNEAKERZ™ Pride Campaign Landing Page 12

Testing

  • We used a review dialogue on the landing page to gather feedback from customers
  • The team developed different variations of key elements (e.g., CTA buttons, headlines) on the landing page as well as showcasing different designers as the banner image
  • We then ran A/B tests to determine which version performs better

SNEAKERZ™ Pride Campaign Landing Page 13

Closing thoughts

  • A lot of brands think that adding a rainbow to the logo is enough but to truly make an impact they should reach out to their customers in these communities and find out what they really need
  • By realising that SNEAKERZ™ customers wanted not only to be seen, but also to be included really changed the company's direction and uplifted LGBTQIA+ individuals by giving their heroes the spotlight
  • For post-launch evaluation I would recommend we track the performance data on these pages and continue to test and refine the page to maximise its effectiveness.

____________________________

Disclaimers:

This project is a work of fiction, there is no company called SNEAKERZ™ that I work for or represent. It's a background-story to provide context to my entry and display my expertise and skills. The visual assets have been sourced responsibly and below I credit the assets I've used.

Credits:

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

Reviews

1 review


Hi, I would love to have colourful sneakers like this 🌈 someday. The original idea, bold typeface and sneakers design combined with unique personalities build up the landing page. Great work 👏

Although, I would suggest to improve the UX copy: some needs to be more aligned with users expectations, some copy can be shortened down, especially CTAs.

I would also recommend to visually balance the page by including colour and/or colourful elements throughout the page.

Usually the hero image contains one prime CTA for the better conversion. It feels like the information architecture could be improved as well with better understanding on where the user can find what.

And again, great project!

Thank you so much! I missed the chance to improve on this, but I will definitely carry the feedback with me to future design briefs.

31 Claps
Average 4.4 by 7 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>