FMQ's Pride landing page

The design looks spacious and functional.

The work on animation and details is especially noteworthy – it's great.

One point I don't understand is why animation is needed for the hover effect on the story cards, as they don't lead anywhere and can be confusing.

Wow, the FMQ Pride landing page you've designed is truly impressive!

The captivating animation draws you in and makes you want to keep exploring the page.

Bringing Pride Celebration to Life Through Immersive Design

FMQ has truly outdone itself with this Pride Month landing page.

The moment you land on the page, you're greeted by a vibrant, motion-filled design that immediately immerses you in the celebratory spirit of Pride.

The use of animation is particularly noteworthy - it seamlessly guides users through the different sections, creating a sense of wonder and discovery. From the cascading Pride flags to the dynamic product displays, every element has been crafted with meticulous attention to detail, ensuring a delightful and memorable user experience.

Overall, the FMQ Pride landing page is a shining example of how design can be leveraged to create a truly impactful and immersive experience. The team has set a new benchmark for Pride-themed campaigns, seamlessly blending aesthetics, functionality, and social impact to deliver a truly remarkable digital experience

Overall, it looks good, but the visual design could be improved.

I like the vibrant and bold colors. The case study nicely defines the goal and research findings which is also helpful.

Few things that caught my attention and suggestion to help you improve:

• Animations: I like the use of animations on the page, it makes it more engaging and gives a personality to the work. But if they're not smooth then they can feel off as well. For example: The animation with the Title of the hero section- "Pride in inclusivity", it first moves the words up and then it reverts back to the first word to repeat the loop. Ideally, after the word "proximity" the flow should have remained the same i.e the word "proximity" should have moved up and "inclusivity" should have come up from below.
• When I hover over the blank spaces in the calendar under Sun, Mon, Tue etc the numbers appear.
• Content hierarchy and information architecture: In a lot of places the spacing, and font sizes feel off. For example: The heading "Commitment and proximity have been key values"... doesn't look like a heading. The entire section feels cramped and can use some breathing space between the elements. The images are too big compared to other elements in the section. A little spacing and fixing the sizes can improve the section a lot. I can understand that you're trying to follow the FMQ's corporate identity but then you should stick to it throughout the page and have it completely on brand. Currently, it looks off considering the rest of the page.
• Similarly, the "Discord community" section can be improved by reducing the size of some the elements. Also, the colored blobs were sort of distracting and my focus was not going a lot onto the content.
• The cards: When I first looked at the cards in the "Portugal in Pride" section it felt as if they were missing something. If hovering on the cards just shows the images and the description then I think that should be the default state and the cards can be designed so that the information doesn't feel overwhelming.
• I really liked the pills in the last section and the colors while hovering on them. But here again the heading didn't look like a heading.

Overall, It's a good start and a little work can improve the page a lot. I know it became a quite detailed feedback but I hope that it helps:)

Hi, I love these bold and vivid colours and the overall feeling of the page. 🌈

However, there is always room for improvement. Overall, the page appears overwhelmed with multiple small details, breaking the unity of the design. The visual elements could be more consistent. For instance, align elements and choose either a sharp or soft style for all components.

Additionally, the top section of the page looks slightly different from the bottom section. Some UX copy can be shortened down with readability improvements.

Great work! 🌟

I love the overall execution. Especially the animations!