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

Back

andyforpride.com

Share

Andy For Pride is an LGBTQ-owned and operated company committed to providing the world with high-quality LGBTQ+ Pride products, working with diverse suppliers, and donating back to the communities they serve. We were so hyped to bring Andy For Pride’s brand to life, drawing on pop art, queer protest culture and queer joy to create an online presence to be proud of. We designed and developed this website on Shopify.

Grid of the phrase ANDY for PRIDE in a lively mix of colours. Each instance features different combinations, including red, orange, yellow, green, blue, and purple on contrasting backgrounds. The overall effect forms a vibrant rainbow pattern.
Credits

UX Design: Cecilia Righini
UI Design: Federica Minini
Development: Sofiia Bondarenko

Website Design

A website design featuring a purple header with the text Andy for Pride and navigation links: Shop, Contact, About, Search, and Cart. Below is a circular photo showcasing waving pride flags. Accompanying text says: Pride Products for members and allies of the LGBTQ+ Community..

We crafted a dynamic and engaging user interface, focusing on creating a visually compelling experience that mirrors the vitality and diversity of a Pride parade. Layered background elements add depth and interest, while the continuous scroll banner creates movement and quickly relays messages. This approach not only makes the website visually appealing but also subtly reflects the layers of stories, struggles, and triumphs inherent in the LGBTQ+ rights movement.

A vibrant webpage shows a woman strolling by a mural featuring abstract faces on a wall cluttered with posters. To the right, theres text displaying Product Name, a price of £999, and various product options. Navigation links are positioned at the top.
A playful pink and blue 404 error page with Page Not Found in bold lettering. A friendly apology message sits beneath, accompanied by a handy Back to Homepage button. The vibrant background is green.

Image masks and stickers are a central feature of this project. We intergraded playful and unconventional shapes as stickers, frames and hover interactions, highlighting special offers, buttons and featured products. The use of branded shapes and graphic elements adds a layer of playfulness, making the site more visually intriguing and aligned with the brand’s fun, inclusive ethos. This design choice also evokes a sense of nostalgia and community, mirroring the brand’s connection to pre-social media LGBTQ+ subcultures.

We enhanced the user experience with interactive hover elements. For example, when users hover over a product, a coloured frame with branded graphic elements appears, creating a sense of surprise and campy fun. The responsive design adapts seamlessly to different screen sizes, maintaining the bold visual identity and interactive elements. Whether on desktop, tablet, or mobile, the website retains its vibrant colours, dynamic layouts, and playful interactions, ensuring that users can celebrate diversity and explore the brand’s offerings from any device.

Purple flyer featuring a circular image of rainbow flags. Bold text states ANDY for PRIDE with placeholder text beneath. Decorative stars and wavy lines adorn the design.

Colourful abstract mural depicting two faces with the words Lets Be Awesome. Displayed on a vibrant webpage layout, featuring categories such as Sellers and Best Sellers. Price shown as £20.99.

A vibrant website design showcasing street art with stylised faces and the text Lets be awesome. A woman strolls past. Below, theres a product section displaying price, colour options, and purchase buttons. The top banner reads Andy for Pride.

A webpage showcasing a textbox titled Featured of New Product containing placeholder text. Below, a hand holds a black cap adorned with a rainbow heart logo set against a grassy backdrop. A Have a Look button is visible.

A webpage showcasing a pastel colour palette with the heading About Us and sample text on bookmarks and semantics. The lower section displays a portion of a city skyline against a vivid blue backdrop.

Vibrant webpage showcasing community support information. Upper section displays Read more on a bright pink background. A wavy blue rectangle features Contact Us over placeholder text, with a matching Contact Us button at the bottom.

A lively outdoor celebration with people cheering. A cheerful person with pink hair and a black vest stands out, smiling and waving. Text overlays provide example content about bookmarks and semantics. A Read more button is also visible.

Purple flyer featuring a circular image of rainbow flags. Bold text states ANDY for PRIDE with placeholder text beneath. Decorative stars and wavy lines adorn the design.

Colourful abstract mural depicting two faces with the words Lets Be Awesome. Displayed on a vibrant webpage layout, featuring categories such as Sellers and Best Sellers. Price shown as £20.99.

A vibrant website design showcasing street art with stylised faces and the text Lets be awesome. A woman strolls past. Below, theres a product section displaying price, colour options, and purchase buttons. The top banner reads Andy for Pride.

A webpage showcasing a textbox titled Featured of New Product containing placeholder text. Below, a hand holds a black cap adorned with a rainbow heart logo set against a grassy backdrop. A Have a Look button is visible.

A webpage showcasing a pastel colour palette with the heading About Us and sample text on bookmarks and semantics. The lower section displays a portion of a city skyline against a vivid blue backdrop.

Vibrant webpage showcasing community support information. Upper section displays Read more on a bright pink background. A wavy blue rectangle features Contact Us over placeholder text, with a matching Contact Us button at the bottom.

A lively outdoor celebration with people cheering. A cheerful person with pink hair and a black vest stands out, smiling and waving. Text overlays provide example content about bookmarks and semantics. A Read more button is also visible.

Two product page designs on an orange background. The left design features a cream backdrop with graffiti art, product details, and a Buy it now button. The right design showcases a green backdrop with similar content and layout differences.
Two vibrant mobile app screens on a green background. The left screen displays the heading Categories with three cloud-shaped buttons, each labelled Category. The right screen showcases images of people celebrating and includes buttons and text about donating to LGBTQ+ causes.
Three colourful Instagram posts set against a light green background. Each post showcases Andy for Pride in bold, playful lettering within abstract shapes. The posts include buttons labelled Shop Here and Products Here, accompanied by hashtags and concise captions underneath.

Our custom social media templates for Andy For Pride embody our vibrant branding principles with bold pops of colour, retro fonts, and distinctive stickers, badges, and graphic element frame motifs. These templates effectively showcase products and branding while providing easy-to-use sections highlighting key information. Designed with a clear hierarchy, they allow the client to effortlessly maintain a consistent and engaging visual presence across their social platforms.

Related Projects

Homepage design of Jessica Lanyadoo's website Love Lanyadoo on desktop
Jessica Lanyadoo

Host of "Ghost of a Podcast," offering guidance as a humanistic astrologer and psychic medium.

ILGA world logo
ILGA World

Advocating for LGBTQ+ rights globally through research, advocacy, and support networks.