Grab a cuppa, get comfy and have a nosy around :)

HER

A welcoming, mobile-first website update that makes downloading—and belonging—feel easy.

HER is an international dating app for LGBTQ+ women and queer folks, built to help millions of people find dates, community, and connection in a space designed to feel safe and inclusive. We updated HER’s website UX/UI and development to do two things well at once: help people feel like they belong here, and make downloading the app feel easy—especially on mobile.

Project Team

UX Design: Katie Gee and Eva Kamenetski

UI Design: Alaïs de Saint Louvent

Development: Sofiia Bondarenko

The Challenge

HER’s website needed to do a lot in a small space. It had to create an immediate sense of trust and belonging, make the download action obvious and accessible, and still support visitors who arrive with specific questions.

A big share of traffic lands on mobile specifically to download the app, so the experience had to be mobile-first. At the same time, many visitors discover HER via SEO-led sub-pages that can be text-heavy by necessity—meaning structure and scanability mattered as much as look-and-feel.

What We Did

We aligned the website with the app’s visual language, using HER’s warm red as the anchor colour and offsetting it with muted pastel backgrounds to keep the overall feel soft, friendly, and welcoming.

To support both “ready to download” visitors and those looking for reassurance, we structured the page so the key messages land early, and added FAQs in a collapsible accordion format. That keeps questions easy to scan, while avoiding a dense block of text.

We implemented a modular layout so HER’s internal team can add and adjust content over time without friction—supporting iteration and making it easier to test and refine elements like messaging and calls to action.

Mobile-first design decisions included a persistent “Download HER” button on mobile: present enough to guide action when someone is ready, but not so large that it blocks the rest of the page.

Impact

The updated website supports a clearer path from landing to download across both the main page and SEO-led sub-pages, while also making space for trust-building content that helps people feel confident before they take action.

For visitors, that means a more welcoming and accessible experience—clearer structure, less overwhelm, and an easier way to find answers without losing momentum.

For the HER team, the modular structure reduces friction in day-to-day publishing and creates a stronger base for ongoing optimisation (including A/B testing and iterative improvements) as the product and campaigns evolve.

Hero section of the homepage of HER dating app website on desktop
Two mobile screens display two people on grass, one’s head on the other’s shoulder. Text reads "Your people are here" with HER app branding.
Screenshot of HER app site with icons for LGBTQIA+ groups, 4.5-star rating, supportive queer community, plus Progress Pride flag.
HER FAQs webpage with questions on app safety, FLINTA dating, free or premium features, and making friends; light pink background.
Mobile menu with pink gradient background, buttons for Chat, Support, Partnerships, Resources, Search and language; social media icons below.
Two smartphones display the HER dating app: left shows LGBTQ+ community and safety features, right displays safety tips and queer FAQs.
Two mobile screens show the HER dating app site with LGBTQ+ couples, inclusive headlines, and download buttons on a pale yellow background.
LGBTQ+ women’s community promo with two women touching foreheads, “Download HER” button, on a soft yellow background.
Sapphic topics webpage shows three cards: women kissing, women smiling on a bed, and a pair sitting close. Each has a headline and red button.
Coming Out Stories web page with three smiling people, navigation links, Download HER button, short intro and red Submit your Story button.
Two mobile app screens show Coming Out Stories with a headline, description, submit button, and user stories featuring photos and names.
Web page with Kylee and Sarah on a blanket outdoors, Boston MA listed, placeholder story, red Share story button, pastel gradient background.
Queer Wiki screenshot with aegosexuality, heteroflexible, and ambiamorous definitions beside icons on a yellow-green gradient background.