Brand Website for an International Event Agency

Meet Future is an innovative company providing services across Europe and Asia. With offices in the UK and UAE, the company has firmly established its status as a leader in organizing technological events.

Previously operating under a different name and at a smaller scale, today Meet Future combines creativity and advanced technologies to execute projects of any complexity. By expanding throughout Europe and beyond, the company has become a symbol of innovation and professionalism.

Why Meet Future?

• Modern technologies for unique events
• Creative approach and bold ideas.
• Global coverage and adaptation to customer needs.

As the company's influence and ambition grew, it became essential to establish a strong online presence to consolidate Meet Future's leadership and highlight its innovative approach.

The client presented ambitious demands that required an integrated approach to project implementation. The main tasks included:

• Full responsiveness across devices. The website had to be fully responsive, with four key breakpoints ensuring comfortable use on any screen size.
• Implementation of 3D scenes. The company insisted on using 3D scenes to emphasize brand innovation and create an immersive user experience.
• Modern animation scripts. Dynamism and fluidity had to become key design elements, making the website engaging and appealing.
• Easy content management. It was crucial to ensure easy content editing, allowing the client team to update information without developer intervention.
• Scalability. The project had to be ready to seamlessly scale in the future, accommodating the company's growth and expanding service range.
• Branched CMS architecture. Sophisticated yet user-friendly CMS architecture supporting four types of services, case studies, and blog articles was required for the project.
• Interactive media. The client wished to implement interactive presentation of media materials through various custom sliders that effectively showcase content.

We identified key technologies for implementing functional modules such as 3D scenes, sliders, and other interactive elements. We also selected a methodology for naming classes, ensuring structure and code maintainability.

For convenience and consistency, we created a style guide – a document listing all service classes for headings, text blocks, buttons, images, etc. This minimized the risk of errors during layout design and maintained stylistic integrity throughout development. We implemented all base and secondary colors as CSS variables, significantly simplifying their use and subsequent editing.

We designed the “rubber” layout to be flexible, with adaptations for four main breakpoints. The maximum container width was 1290 pixels, with specific adaptations for tablets and mobile devices in both landscape and portrait orientations.

We developed six different sliders throughout the project. The most interesting one featured the agency's clients, simulating rotating badges with customer logos, creating a dynamic presentation effect.

We incorporated them into several key elements:

• Hero section of the main page: The company logo is assembled after the preloader completes, creating a spectacular introduction.
• Headings accents: 3D elements added dynamics and innovation.
• Decorative elements: they move smoothly as users scroll and react to cursor movements
• Planet in the “Contacts” section. This element rotates to indicate the selected agency branch, showing office locations in the selected country.

Simple animations, such as element state changes, were created using native Webflow functionality. However, complex animations requiring high precision and smoothness were developed using the GSAP (GreenSock Animation Platform) library.

This tool enabled us to achieve impressive visual effects that emphasized the site's innovation and dynamics.

The project spanned from March to August 2024 – approximately five months, which is the weighted average timeframe for a project of this complexity.

Notably, we dedicated a full month to testing, thoroughly checking for potential problems and bugs while optimizing website performance.

In total, about 20% of our time went toward ensuring the project's smooth operation.

At the beginning of September 2024, we successfully completed the project and delivered it to the client, who was completely satisfied with the result.

Subsequently, the client ordered two more landing pages from us, the best testament to their satisfaction with our studio. We also received an excellent review, which you can check out below.