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

Introduction

Welcome to my UX/UI case study. This project is all about creating an inclusive landing page for a fictional church called Grace Fellowship. While the church itself isn’t real, everything I’m sharing here is based on true Christian beliefs and real-life experiences of LGBTQ individuals navigating their faith.

Many LGBTQ folks face tough challenges when it comes to their identities within religious settings. Studies show that a lot of them feel unwelcome or experience conflicts between their faith and their sexual orientation or gender identity. This discrimination often leaves them feeling excluded and unsupported.

As a UX/UI designer, my goal for this project was to build a supportive, user-friendly digital platform. The aim? To help LGBTQ individuals reconcile their faith and identity. By providing resources and fostering an inclusive community, I hope to empower users to find acceptance and belonging in both their religious and personal lives.

This case study is in response to a design brief about creating an Inclusive Landing Page. It takes you through the process step by step, from research and ideation to design and testing. Let's dive in!

-------------------------------------------------------------------------

See UX Case Study

See Interactive Prototype

-------------------------------------------------------------------------

Thank you!

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

Reviews

4 reviews


Kudos for tackling inclusivity from this angle as this is such a debatable issue amongst traditional churchgoers and religious LGBTQ+ people. In terms of visual design, I love your play with colors and how it's not always centered with rainbows. If there is anything I'd like to improve, I would mute down any background that has text on top because it makes it less readable since the background competes with the contrast of the text making it less accessible. Other than that, love the whole concept. Good luck! :)

(edited)
Thanks Danah I do appreciate your feedback. Sure, your suggestion about the improvement is highly noted :)

I would support what others wrote. Just wanted to say that the topic choice is unique and I wish all churches and religions were so open and inclusive.🌈

Thanks Yuliia for taking time on reviewing my work!

I agree with everyone else—you've done a great job with a unique approach to talking about inclusivity from this angle, which is a big topic among traditional churchgoers and LGBTQ+ people of faith. I really like how the design looks overall, especially how you used colors and didn't go overboard with rainbows. The content and layout are well thought out. Congrats in advance! =)


Love the approach and the overall topic! Visually I feel the hierarchy of content could use a little work - like the spacing between content, font sizes of headers and sub-headers, etc. Also, I would re-think the placement of buttons on images in the "Our Story" section as these could cause confusion. Lastly, the text on the top nav and footer stood at as particularly small in comparison to the rest of the content.

Just a few things that caught my attention, but great work :)

Thanks, Ashley! I appreciate your feedback! Regarding your last point, I intentionally made the font smaller than the body text to fit the volume and number of links in that section. I've added 2px to the font size, which I think works best given the length of the links. Another option would be to simplify the menu labels. Thanks again for your input!

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