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

Not A Phase

Not A Phase is a trans-led charity dedicated to supporting trans and gender-diverse adults through advocacy, social projects, and funding initiatives. We first designed and developed their website in 2023, following the brand guidelines created by the agency Weirdo. In 2024, after Weirdo rebranded Not A Phase, we enhanced the site by redesigning the homepage and updating the web templates to align with the new brand identity.

Cheeky pink background with tiny dots and speech bubble shapes. White text on the left states we are, while a white speech bubble on the right proudly declares NOT A PHASE.
Credits

Branding: Weirdo

UX Design: Pietro Righini

UI Design: Zoe Tang and Federica Minini

Development: Nata Sheketa and Sofiia Bondarenko

Following the updated brand guidelines from Weirdo, we redesigned Not A Phase’s website to provide a bold online presence full of colour, animation, and interactive elements. The homepage now includes a series of playful hover-activated elements to add movement, enhancing user engagement while maintaining accessibility. The colour palette has been updated for both dark and light modes, featuring vibrant shades that align with the new branding.

Two vibrant website mockups displayed on a beige background. The left mockup features sections in yellow, pink, purple, and green, containing text about a charity mission. The right mockup presents a group photo accompanied by text detailing the organisations story.

The full-width homepage stacks vertically on mobile, with banners seamlessly re-orientating to fill a 9:16 screen. The user can scroll continuously or click on the animated arrows, which jump directly down to the next screen (scroll-jacking).

Two mobile screens displaying the Not a Phase campaign website. The left screen shows a news article; the right screen features a menu with options including about and support. Both screens have a vibrant background with pink, yellow, and green sections.
Side-by-side website screens. Left screen displays help options: funding, materials, advice, and legal support. Right screen showcases the organisations mission and board member list. Website features a colourful, engaging design.

Mobile and tablet designs also feature ‘read more’ cards, so the visitor can access more information without navigating to a different page.

Members' Area

Login page featuring a blue background at the top transitioning to pink at the bottom. Two floating, mirrored images show a person lifting a dumbbell. White text fields for Username/Email and Password are centred, with login and register buttons below.
Website screenshot featuring two sections: on the left, a registration form with fields for user info; on the right, a class schedule page showcasing two classes with images, dates, and times.

The members’ area has been designed to be simple, accessible, and user-friendly. Members are directed straight to a calendar upon login, offering a clear overview of exercise classes available in their city. Users can toggle between a calendar view and a full list view, depending on their preference.

E-commerce

Screenshot of the Not a Phase online shop displaying a black cap and two black T-shirts with text designs for sale. The webpage features a pink header atop a lively yellow background.
Image showing two digital storefronts for Not a Phase Shop. The first features a black cap with the shops logo, priced at £25. The second showcases a black t-shirt with the slogan Support Trans Lives, priced at £26. Descriptive text and various navigation options are visible on both storefronts.

The shop supports Not A Phase’s initiatives by offering merchandise in a straightforward and focused manner. Visitors are presented with tile images of products, each accompanied by a simple title and button, ensuring a seamless shopping experience.