HireHarbour Allies: UX/UI Case Study for Inclusive Landing Page
Note: Figma link contains multiple prototypes from research to the actual desktop view. It’s best viewed from a desktop screen.
Problem: Workplace Discrimination with the LGBTQ+ community
- How might we increase awareness about LGBTQ+ inclusivity?
- How might we reduce discrimination against the workplace to LGBTQ+ people?
- How might we help support LGBTQ+ people advance in the workplace?
Background: According to the Parliamentarians for Global Action, LGBTQ+ people across the globe have been denied societal inclusion and respect for human rights. Despite efforts to increase inclusion for LGBTQs in the workplace, a lot of employees still face discrimination at work.
Goal: Looking at the lens of a fictional job hiring platform website called "Hire Harbour"; this study aims to explore the different forms of challenges our LGBTQ communities face and how might we help support them in the workplace.
Competitor Analysis
Indeed - Indeed celebrates pride month by building a landing page for employers that focuses on increasing awareness about LGBTQ+ community in the workplace.
Linkedin - Last year, Linkedin celebrated pride month by sharing stories about the community and offering courses that fosters belonging.
Landing Page (Desktop)
Resources:
Reviews
18 reviews
Firstly, it's a great angle to explore LGBTQ+ rights. Secondly, I really admire the implementation: the landing page is easy to scan, well-spaced, and visually appealing.
I would suggest working on the brand's tone and voice expressed through the copy. Right now, it feels a bit dry. While the topic is indeed serious and deserves attention, using simpler language could make it more engaging.
Good luck! 💪🏼
Love everything about the project — from the problem definition to the clean and aesthetic visual design.
The landing page project effectively raises awareness for LGBTQ+ rights with a visually appealing and user-friendly design. Consider adding a brief introductory section to clarify the context of workplace discrimination for better user understanding. The inclusive events section is well-executed, and integrating personal testimonials could enhance emotional connection and user engagement. Overall, it’s a commendable effort to use design to advocate for important social issues. Well done!
Ooo I like the vibe of this one 🤝✨ It feels supportive right away, which is perfect for something called Ally Mentorship. The tone doesn’t feel corporate it feels human, and that matters a lot here.
Design-wise, it feels clear and approachable. Nothing looks intimidating, and the structure makes it easy to understand what the user is supposed to do next. That clarity is 🔑 for mentorship platforms where trust is everything.
If I’d add one thing, maybe amplify the emotional connection a bit more like testimonials, real faces, or subtle warmth in the visuals 💬💛 But overall, this feels thoughtful and purpose-driven. Nice direction!
Good job
Danah, it's great idea to start with! I noticed some issues here and there that can be fixed when you continue working on the project:
The landing page lacks explicit background information about the problem of workplace discrimination for the LGBTQ+ community. Maybe adding a brief introductory section at the top explaining this context would provide users with a better understanding of the page’s purpose.
The page could benefit from more inclusive language and personalization. For example, adding quotes or testimonials from LGBTQ+ individuals sharing their workplace experiences can create a stronger emotional connection.
I really liked the events section, just my suggestion, maybe providing links to additional resources, support groups, and relevant articles can enhance your page’s value, offering users more ways to learn and get involved.
I'm really impressed with how everything has come together so effectively. The landing page is easy to navigate, properly spaced, and visually appealing. I find myself appreciating the effort that went into making it both functional and visually pleasing.
I like the topic that you chose. It is very interesting research!
Visual wise, I live that gradient colours on the background.
The rainbow colours can be very strong and tacky sometimes, but in your design,
it gives softness and warm feeling well.
It would be nice to see full length screen in bigger size - not just on the thumbnail.
Great work!
Loved the project from the idea to final solutions! The design is clean and neat, the page is easy to scan and it has a welcoming user-friendly tone. A well-executed project that meets its objectives effectively and serves your target audience very well. Best of luck!
Love everything of this project! The color looks nice, the font is very neat. The description is clear. Love it! Great product design!
You might also like
🖥 Desktop Checkout Flow Design
Website CRM Dashboard
Helpful 404 Error Page for a Fintech Mobile App
Pebble Accessible SAAS Signup Flow
Music Player UI - Light & Dark Mode
Create a UX Research Survey
Content Strategy Courses
UX Writing
Common UX/UI Design Patterns & Flows
Building Content Design Systems
