Before (Legacy Archive): arhiva.tajanstvenivoz.net
After (Live Site): www.tajanstvenivoz.net

Before – The Legacy Site

Tajanstveni voz 1

The original Tajanstveni voz website functioned as a long-standing archive of music journalism and curated audio content. It offered valuable content but suffered from several technical and usability issues:

  • Non-responsive, desktop-only layout
  • Outdated visual design and flat content hierarchy
  • Media embeds interrupted reading and required reloading
  • No persistent audio player
  • Limited SEO and accessibility optimization
  • Navigational structure made content discovery difficult

To preserve this valuable history, the legacy version was migrated to a static, read-only archive at arhiva.tajanstvenivoz.net.

After – A Modern Music & Reading Experience

View of the post excerpts that have new audio player button and track list expanded view.

View of the audio player when activated playing audio uninterrupted when page URL is changed.

The redesign of www.tajanstvenivoz.net focused on improving usability, readability, and the audio-listening experience, especially across mobile and tablet devices.

Key improvements:

  • Fixed Bottom Audio Player: A persistent SoundCloud player is now fixed at the bottom of the viewport, allowing users to continue listening to audio without interruption while navigating the site.
  • Single Page Application (SPA) Behavior: The site uses SPA architecture so navigation updates only part of the page while keeping the player active. This ensures seamless playback without restarting the audio.
  • Responsive Design: Full compatibility with mobile, tablet, and desktop devices
  • Category-Based Navigation: Clear sections like Emisija, Koncerti, Albumi improve discoverability
  • Performance Optimization: Faster load times, lazy-loaded media, and optimized layout
  • Accessible and Semantic HTML: ARIA labels, keyboard navigation, and structured content support better usability
  • Featured Content: Highlights on the homepage promote fresh or key pieces of content

Google Analytics – Measurable Impact

Post-launch tracking via Google Analytics 4 reveals significant improvements in user engagement:

  • Homepage /
    • 264 views
    • 122 active users
    • 38.7% engagement rate
  • Content Sections: /emisija/, /down-by-the-corner/, and individual episodes show steady traffic and good engagement, indicating improved structure and usability
  • Behavioral Trends:
    • Higher mobile usage
    • Increased return visits
    • Longer session duration, boosted by the continuous playback feature

SEO Impact

The redesign introduced structured improvements that made the site more search-friendly:

  • Semantic HTML and Metadata: Structured headings, Open Graph tags, meta descriptions
  • URL & Link Cleanliness: Human-readable URLs and simplified navigation
  • Performance: Improved Core Web Vitals through optimized scripts and styling
  • Keyword Optimization: Better matching between article titles, categories, and expected search behavior

Early indicators show:

  • Increased impressions and clicks in Google Search Console
  • Stronger organic traffic in GA4 vs the legacy site
  • Improved crawlability and index coverage

Why This Matters to Listeners & Readers

  • Continuous, uninterrupted audio playback while browsing
  • Clean, readable typography and mobile-first layout
  • Easier content exploration by theme or category
  • More engaging experience that blends listening with reading
  • Legacy content still accessible for historical reference

This redesign represents a meaningful upgrade for Tajanstveni voz, aligning its digital presence with the expectations of today’s music and culture audiences — without losing its editorial soul.