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
16 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!
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!
First of all, congratulations on your submission. :)
The idea behind this landing page, for me, is a good example of how we can keep the conversation going about discrimination issues, giving them visibility using technology.
As for the landing page, overall great use of space and color palette, it is very easy to scan and navigate through. Very well organized Figma file and a very in-depth case study that clearly states the problem this landing page aims to solve.
Visuals are beautiful, it is also modern, minimalistic. The gradients amp up the design and even though the topic is important it makes it more approachable.
They also add visual interest. The big spacing between elements is maybe a bold move that was executed perfectly.
The topic(idea) of the project is also very good.
You might also like
FOURm - Landing Page for High-Conversion Fitness Startup
Security Expert Group — Web & Brand Identity Redesign
Digital Banking: Empathy Map for Kendra
Fresh Baladi | Real-Time Bakery Alerts App | UI UX Case Study
Rummly - A zero-friction freecycle app
Product Catalog Mobile design
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn