Redefining AI Sovereignty: AI71 Website by GTECH

Objective

AI71, a pioneering AI company launched by Abu Dhabi’s Advanced Technology Research Council (ATRC) and VentureOne, needed a digital presence that matched its transformative mission. As the commercial vehicle for the world-renowned Falcon LLM, AI71 required a platform that was not just a brochure, but a statement of intent: democratizing AI data control for nations and enterprises. GTECH was tasked with designing and developing a website that felt “alive,” futuristic, and distinctly different from the standard SaaS aesthetic, while adhering to a strict launch timeline for global announcements.

Challenge

• Visualising the Intangible: The brand identity (developed by Upperquad) featured complex, fluid patterns inspired by natural forms and data flow. The challenge was to translate these high-fidelity, motion-heavy concepts into a performant website.
• Platform Constraints vs. Ambition: The team chose Webflow for its CMS agility and speed-to-market. However, standard Webflow capabilities were insufficient for the desired level of immersive interaction and complex layout logic.
• Sector-Specific Depth: The site had to distinctly showcase vertical-specific solutions like Health (Healthcare), SuperHive (Construction), and Ask (Public Sector) without fragmenting the unified “One AI71” narrative.

Solution

GTECH pushed the boundaries of low-code development, utilising Webflow not just as a builder, but as a canvas for advanced custom engineering.

1. “Out of the Box” Webflow Development

• Breaking the Grid: To achieve the design’s unique, fluid layout, GTECH stepped outside Webflow’s standard box model. We engineered a custom front-end framework on top of Webflow, utilising extensive custom code embeds to handle non-standard positioning and overlapping elements that standard drag-and-drop interfaces cannot achieve.
• Hybrid Architecture: While the CMS remains user-friendly for the AI71 marketing team, the frontend is heavily augmented with custom JavaScript libraries to handle the complex routing and state management required for the product showcases.

2. Immersive Animations & Micro-Interactions

• Data Flow Visualisation: We implemented sophisticated GSAP animations to mimic the “neural network” feel of the brand. As users scroll, lines of code and data streams appear to “connect” different sections, visually reinforcing the concept of AI integration.
• Scroll-Jacked Storytelling: The homepage features a controlled scroll experience where the “71” arrow motif dynamically guides the user’s eye upward and forward. This required precise synchronisation between the scroll position and the animation timeline, ensuring the narrative unfolds at the user’s pace.
• Responsive Fluidity: Unlike standard responsive sites that “snap” to breakpoints, the AI71 site uses fluid typography and scaling logic (creating a seamless “app-like” feel) across all device sizes, ensuring the complex animations remain smooth on mobile.

3. Product Ecosystem Integration

• Dynamic filtering systems were built to categorise the growing library of Falcon-powered applications (like AgriLLM and SuperHive), allowing users to filter by industry (Healthcare, Legal, Construction) instantly without page reloads.

Results

Conclusion