RankBloom
A high-performance, aesthetically driven web agency platform focused on helping businesses scale through fast, SEO-optimized websites and an integrated AI customer support chatbot.
THE PROBLEM
Small businesses need fast, SEO-optimized, mobile-ready websites but often lack technical capabilities or budget for high-end agency setups. Additionally, customer support for incoming leads is bottlenecked by manual responses.
THE PRODUCT
RankBloom is a high-performance web agency site featuring dynamic UI animations, cinematic backgrounds, and an integrated Chat Bloom AI powered by the Vercel AI SDK to provide 24/7 automated customer support and lead capture.
ENGINEERING DECISIONS
- 01
Vanilla HTML/CSS/JS with Vite for maximum performance and minimum bundle size
- 02
Intersection Observer API for scroll-based animations instead of heavy libraries
- 03
Vercel AI SDK for the Chat Bloom AI, enabling streaming responses directly in the browser
CHALLENGES
- ›
Optimizing cinematic video backgrounds without hurting core web vitals and load times
- ›
Building complex, interactive mouse-tracking spotlight cards with vanilla JavaScript
- ›
Seamlessly integrating an AI chatbot interface into a purely static front-end
RESULTS
- ✓
Live demo deployed at rankbloom.vercel.app
- ✓
Perfect Lighthouse scores across performance and SEO
- ✓
Fully functional streaming AI chat interface
WHAT I WOULD IMPROVE
- →
Add a proper lead management backend to capture inquiries from the AI chat
- →
Migrate to Next.js for better routing and built-in image optimization
- →
Implement a headless CMS for dynamic portfolio updates