AEOS Labs // Framer weds Spline

Tanish Mittal

Spline Designer
Framer Developer
Framer Designer
Framer
Spline
Aeos Labs

Introduction

In early May, I had the opportunity to collaborate with AEOS Labs, a leader in AI solutions and technology innovation, to completely revamp their landing page. This project was significant not only for its design complexity but also because it was showcased to big investors and presented at a Google event, catching the attention of Sundar Pichai. The primary goal was to create an engaging, interactive, and SEO-optimized website that would effectively represent AEOS Labs' innovative spirit and technical prowess.

Homepage - Hero Section
Homepage - Hero Section

Project Overview

Client: AEOS Labs

Project Duration: 1 Month

Collaborators: Tanish (Myself), Ashvini Kumar

Tools Used: Framer, Spline

Objectives

Revamp the existing landing page to boost user engagement and conversion rates.

Integrate interactive elements using Framer and Spline to enhance the user experience.

Ensure the website is fully responsive and SEO optimized for better search engine visibility.

Develop custom components and forms to improve functionality and maintain the brand's design integrity.

Approach and Execution

Planning and Strategy:

Conducted a thorough audit of AEOS Labs' existing website, identifying key areas for improvement, particularly focusing on SEO and user engagement.

Collaborated closely with Harsha Reddy and their team to align the design and functionality with the brand's vision and technical requirements.

Developed wireframes and prototypes, prioritizing user experience (UX) and ensuring all elements were SEO-friendly.

2. Design and Development:

Employed Framer to design a seamless layout with intuitive scroll and hover interactions that enhance the overall user experience.

Collaborated with Ashvini Kumar to integrate a 3D interactive element in the hero section using Spline, adding depth and engagement to the landing page.

Developed custom Framer forms that are not only functional but also adaptable to various design needs, improving the site’s conversion optimization.

3. Iteration and Feedback:

Delivered two iterations of the website, each one carefully optimized for SEO and responsiveness across all devices.

Incorporated feedback from the AEOS Labs team, ensuring that the final design met all expectations in terms of functionality, aesthetics, and search engine optimization.

4. Final Touches and Launch:

Integrated third-party and custom components, ensuring that every element of the website was optimized for speed, usability, and SEO.

Conducted extensive testing to ensure all features, including interactions and forms, functioned flawlessly across all devices and platforms.

Homepage - Work Section
Homepage - Work Section

Key Features

Interactive Hero Section: Featuring a custom 3D element designed in Spline by Ashvini Kumar.

Scroll and Hover Interactions: Designed in Framer for a smooth and engaging user experience.

Custom Framer Forms: Enhanced functionality tailored to fit the unique design, optimizing user interaction.

Fully Responsive Design: Ensuring a consistent user experience across all devices, from desktops to smartphones.

SEO Optimization: All elements of the website were optimized for search engines, improving visibility and organic traffic.

Custom Designed Native Framer Form
Custom Designed Native Framer Form

Impact and Reception

The revamped AEOS Labs website was well-received by both the client and its users. The interactive design effectively communicated AEOS Labs' innovative approach and technical expertise. The highlight of this project was its presentation at a Google event, which garnered significant attention from key industry figures, including Sundar Pichai.

Conclusion

This project was a journey of creativity, technical precision, and close collaboration. The combination of Framer and Spline allowed us to create a website that not only looks visually stunning but is also highly functional and SEO-friendly. The AEOS Labs landing page is a powerful example of how interactive web design can create a lasting impression and drive business success.

About AEOS Labs and Varun Mayya

Varun Mayya
Varun Mayya

AEOS Labs, founded by Varun Mayya, is known for developing cutting-edge AI solutions and experiences. Varun, one of the youngest entrepreneurs in India to secure venture capital funding at age 20, has a rich background in technology and entrepreneurship. His ventures include Godinabox, AlphaCTR, and AutoCodePro. His journey from founding Avalon, which was acquired by Unacademy, to leading AEOS Labs, highlights his expertise in generative AI and content creation.

Collaboration with Tanmay Bhat

Tanmay Bhat
Tanmay Bhat

Tanmay Bhat, a well-known comedian and investor, is associated with AEOS Labs through his investment in Avalon Scenes, a platform co-founded by Varun Mayya. Avalon Scenes helps create and monetize community spaces and has received investment from Tanmay Bhat and other notable investors like Kunal Shah and Gaurav Munjal.

This case study highlights the blend of creativity, technical skill, and collaboration that transformed AEOS Labs' online presence. Explore the project and feel free to reach out for any inquiries or potential collaborations!

Partner With Tanish
View Services

More Projects by Tanish