Website for my Agency - Indigo
A modern, responsive website built with Astro, TailwindCSS and some Python features, featuring some fluid animations.
Project Overview
This is a modern, responsive website built for my agency Indigo. The site features a clean design with smooth animations and transitions, making it engaging and user-friendly across all devices.
Technical Details
The website is built using Astro, a modern static site framework that offers excellent performance, speed and developer experience. I chose TailwindCSS for styling to maintain consistency and speed up development.
I'm also using Python to develop some mini AI apps and tools that can fetch real-time data from APIs and generate content usefull for my visitors and potential clients. The apps are still in development and will be added to the website soon.
Key Features
- Modern, minimalist design
- Responsive across all devices
- Fast loading times
- SEO optimized
- Smooth animations
Challenges & Solutions
One of the main challenges was implementing smooth animations while maintaining performance. I'm using CSS transforms directly instead of using JavaScript, but for some of the animations I opted to external libraries like Swiper and Motion One. Right now I'm solving this by:
- Performance Optimization
Using CSS transforms and opacity for animations instead of more expensive properties.
- Animation Timing
Carefully managing the animation timing to ensure a smooth user experience.
Current Progress
The site is continuously evolving as I add new features and content. Recent updates include:
- Added fluid animations
- Implemented smooth page transitions
- Heavily optimized images and performance
- Populating the projects and services sections