Beyond the Surface: Crafting Aexo Digital's Dynamic Landing Page
Sometimes, what seems simple on the surface can be incredibly complex underneath. Although “just a landing page,” this project exemplifies this principle. The sheer number of animations and dynamic elements on the page compensate for its apparent simplicity.
Aexo Digital is a Digital Service founded by a close friend of mine. They assist brands and content creators achieve their goals through data-driven creative solutions and cutting-edge technology. You can explore their services here.
For this project, my client desired an application that “looks fancy and simple while minimizing costs as much as possible.” The design concept revolves around an outer space theme, utilizing the agency’s color scheme of black and red with a touch of white.
As mentioned earlier, this “simple” landing page presented multiple complex challenges that required ongoing discussions with the client to determine the best possible methods. The primary focus was on the application’s animations and transitions. After thorough research, I decided to use Framer and GSAP for these dynamic elements. This choice necessitated using Next.js and Vercel as my framework and CI/CD tool, respectively. Consequently, I had to relearn everything to effectively use Next.js and Vercel, as well as to master animation techniques with Framer and GSAP for this project.
Another unique aspect was the use of Notion as their “database” as they already had their data and website information stored there. While this choice is quite unconventional for a landing page tech stack, it showcases adaptability and resourcefulness.
Personally, this project presented challenges, sparked innovative ideas, and offered numerous learning opportunities—aspects I truly cherish in my work. It reignited my passion for tackling unique and demanding projects. I look forward to more ventures that push boundaries and encourage continuous learning.
If you have an idea that’s unique and challenging, I’m eager to hear it. Please reach out via email or WhatsApp, and we can discuss your innovative concepts in depth.
Key Highlights/Features
- Visually Stunning Animations: Leveraging Framer and GSAP, the page boasts sophisticated animations that create an engaging user experience.
- Space-Themed Design: The outer space aesthetic, combined with the agency’s black, red, and white color scheme, offers a distinctive and professional look.
- Cost-Effective Solution: Despite its high-end appearance, the project was executed with cost minimization in mind.
- Unconventional Tech Stack: Using Notion as a database demonstrates innovative problem-solving and adaptability.
- High-Performance Framework: Next.js ensures fast loading times and smooth interactions.
- Seamless Deployment: Vercel facilitates easy updates and maintenance.
- SEO Optimization: Fine-tuning for better search engine rankings.
Future Prospects
- Enhanced Interactivity: Adding more interactive elements to further engage visitors.
- Data Visualization: Incorporating dynamic data visualizations from Notion to showcase real-time agency achievements.
- Multi-Language Support: Expanding reach by offering content in multiple languages.
- Dark/Light Mode: Implementing theme options for better accessibility.
- Performance Metrics: Setting up analytics to track user engagement and conversion rates.
Technologies Used
- Frontend: Next.js, Framer, GSAP, Tailwind
- Content Management: Notion
- CI/CD Tools: Vercel
