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

Back

I'm From Driftwood

imfromdriftwood.com

Share

I’m From Driftwood collect oral histories from people in the LGBTQIA+ community, and share them via their website, YouTube channel and podcast series. IFD’s mission is to tell LGBTQIA+ people around the world that ‘you exist, you matter, you belong.’ We re-designed and developed IDF’s website, and created a new visual identity for the organisation.

Black text reads 'I'm From Driftwood' next to a pink speech box
Credits

UX Design: Katie Gee

Branding and UI Design: Cecilia Righini

Development: Sofiia Bondarenko

Brand Refresh

We created a responsive logo for I’m From Driftwood, incorporating elements from the previous logo design. The full logo consists of a geometric speech bubble, outlined in hot pink, and the two brand fonts: ITC Clearface, a serif type with marked stroke and italic weights, and Aktiv Grotesk, a clear, accessible sans-serif typeface. We updated the logo with more contemporary shapes, new fonts, and a new layout, but kept the white space in the square, which represents the space left for people to tell their stories.

Speech boxes in I'm From Driftwood brand colours
Fonts for I'm From Driftwood including ITC Clearface Std Bold, Aktiv Grotesk Bold, Aktiv Grotesk Medium and Aktiv Grotesk Regular

The IFD colour palette is bold and simple. We used a lot of whitespace in the design, as well as a super pale pink background, light grey and mint green, each contrasting with the hot pink and intense black. The bold colours are primarily used as accents to let the video stills and photography take precedence.

Website

I’m From Driftwood was designed in a modular layout and developed on WordPress. This means IFD are able to add new content to their site, without getting a developer involved. The categories allow users to navigate quickly to what interests them most, and the repeated block layout gives enough information about the stories, without being overwhelming.

Menu of I'm From Driftwood website on mobile

The website is fully responsive, according to the device a visitor is using. For example, on mobile videos take up a full screen, and buttons are about the size of a finger tap, aiding accessibility. Tablet is also re-sized for optimal UX, resembling the desktop layout on the homepage, and mobile for navigation experience.

Related Projects

Hero section of the homepage of HER dating app website on desktop
HER

The leading sapphic dating app for queer women, non-binary, and trans individuals, fostering authentic connections.

Homepage design in light mode of Emmanuelle Waeckerlé's website on desktop
Emmanuelle Waeckerlé

Multidisciplinary artist exploring language, music, and performance to deepen creative connections.