Ambienti TV

A modern web platform for Slovenia's leading architecture & design TV show. Implemented with Next.js and React, featuring dynamic content management, optimized video delivery, and advanced SEO optimization that increased organic traffic by 150%.

Back to Projects
Ambienti TV project screenshot
View Live Site

Technologies Used

ReactNext.jsTypeScriptGraphQL

The Challenge

The client needed to modernize their existing TV show website, which suffered from poor SEO performance, slow loading times, and a cumbersome content management process. The old platform struggled to handle video content efficiently and lacked the flexibility needed for dynamic episode scheduling and content updates.

My Role & Contributions

  • Architected and implemented the entire Next.js application with hybrid rendering (SSG + ISR)
  • Designed and developed a custom GraphQL API layer for efficient data fetching
  • Implemented comprehensive SEO optimization including structured data, meta tags, and sitemap generation
  • Built a sophisticated video management system with automated episode scheduling
  • Optimized performance through code splitting, image optimization, and caching strategies
  • Created a user-friendly admin interface for content management

Results & Metrics

Organic Traffic Increase

150%

Before: Baseline→After: +150%

Measured 6 months after launch compared to previous platform

Page Load Time

1.2s

Before: 3.8s→After: 1.2s

Average page load time improved by 68%

Content Publishing Time

70% faster

Before: 45 min→After: 13 min

Time to publish new episodes reduced significantly

Mobile Performance Score

95/100

Before: 62/100→After: 95/100

Lighthouse mobile performance score

Impact

Client Impact

The new platform streamlined content management workflows, reducing the time needed to publish new episodes by 70%. The client gained full control over their content without technical dependencies.

User Impact

Users experienced significantly faster page loads (3x improvement) and better mobile experience. The improved SEO meant more viewers could discover the show organically.

Business Impact

The 150% increase in organic traffic directly translated to higher viewership and engagement, expanding the show's reach without additional marketing costs.

The Story Behind the Code

This project was particularly rewarding because it combined technical excellence with real business impact. The challenge wasn't just building a modern website—it was understanding how SEO, performance, and user experience directly affect viewership for a TV show. I spent significant time analyzing the old platform's weaknesses and user behavior patterns. The key insight was that most traffic came from organic search, so SEO became the primary focus. I implemented comprehensive structured data, optimized meta tags, and created a sitemap that helped search engines index all episodes efficiently. The hybrid rendering approach (static generation for episodes with incremental regeneration) was crucial—it provided the SEO benefits of static pages while allowing dynamic content updates. The GraphQL API layer I built enabled efficient data fetching and reduced over-fetching, which significantly improved performance. Seeing the 150% traffic increase and knowing it directly helped the show reach more viewers was incredibly satisfying. It reinforced my belief that great engineering should always serve the business goals.

Key Features

Dynamic content management system
Advanced SEO optimization with 150% traffic increase
Hybrid rendering for optimal performance
Sophisticated video episode management
Custom CMS integration
Automated content scheduling