FANLIFY

Product Website UX/UI Design Motion Frontend CMS

Context

Building a new landing page for a revolutionary social platform

Fanlify approached us to design and develop a comprehensive website for the launch of their innovative social platform, designed specifically for content creators aiming to share exclusive material with their fanbase. This platform is set to transform the industry with its distinctive subscription-based pricing model, which allows fans to access content from multiple creators simultaneously. This approach not only enhances the visibility of smaller creators but also facilitates their growth and revenue generation, fostering a more vibrant and diverse creative community.

client:

location:

sector:

year:

timing:

Fanlify

Prague, Czechia

SOCIAL

2025

3 months

CREATION PROCESS

CREATIVE CONCEPT

The platform is ready for launch and to attract its first creators, so it was important to us to design an exciting and engaging website that captures the attention of young audiences and motivates them to explore and publish their content. Our focus was on creating a bold, playful, and memorable design that resonates with younger creators.

BEHIND THE SCENES

KEY DESIGN ELEMENTS

To create a bold and eye-catching website for the client, we focused on striking typography and vibrant colors that complement their logo. The site features numerous scroll animations that gradually reveal content. Additionally, we incorporated various shapes, images, and playful drawings to enhance the visual style, appealing to a younger audience.

Bold Elements

BEHIND THE SCENES

Challenges

Since the site’s structure was designed to be scroll-driven, the core challenge was finding the right approach to build it. Several methods were considered, but Ultimately, we chose to retain user scrolling for a more interactive experience. This meant managing animation timelines manually to keep them in sync. The outcome was great - smooth animations, seamless transitions, and an overall performance that met our expectations.

BEHIND THE SCENES

USED TECHNOLOGY

We chose Astro for its lightweight design, default zero JavaScript, and strong SEO support, offering control without bloat and flexible localization compared to Next.js. For styling, we used Tailwind CSS and GSAP's ScrollTrigger for smooth animations, ensuring performance. Directus was selected as our CMS for its user-friendly structure and support for multiple localizations at no extra cost.

“