Atta is a next-generation analytics platform, an infinite canvas where AI agents and humans collaborate seamlessly.
Project Overview 🔍
Alonzo and the team came me to with a design pre-built in Figma. Needing a quick turnaround and someone to help develop this site in Framer we collaborated over the next few day to help bring his vision to life.
Project Goal ✅
The goal of this project was to create a streamlined version of their site to attract new investors and advertise open positions. We prioritized a minimal layout and simple interactions to ensure easy access to key information. For the hero video, I used AI to generate and seamlessly edit a looping visual, adding a dynamic touch to the experience.
Responsibilities 📋
Framer Design: Build out the site to mimic the design provided.
Framer Development: Develop animations and scroll interactions that feel native to the design.
Video Edit: Generate hero video and edit it to meet customer satisfaction.
Hero Animation
Hero Animation
Wanting to update their site to match their new brand I created a hero intro animation for Atta that combines smooth background transitions and subtle motion to highlight the headline, supporting copy, and call-to-action in sequence. The animation feels modern and engaging while staying lightweight, mobile-friendly, and accessible.
Content Scroll
Sticky Content Scroll
Looking to create a sticky scroll section of features that mimics Microsoft AI I created a component of the 3 points. I then created scroll sections that once hit trigger the component to go to next point.
Investors Hover
Hover Animation
Wanting a space to showcase their current investors we created these links that when hovered show the headshot of the individual.
We created a streamlined site to attract investors and showcase jobs, using a minimal layout. An AI-generated, seamlessly looping hero video adds impact.