Limoon – Free Online Radio & Live TV Streaming

Limoon is a free, browser-based streaming platform that brings together live radio stations and TV channels from Spain and beyond. No sign-ups, no subscriptions — just click and play.

The result is a lean, dark-themed single-page application that streams audio and video content through a clean, distraction-free interface.

The Challenge

Building a streaming aggregator comes with its own set of technical and UX challenges:

• Audio/video streaming — the core functionality is playing live streams reliably across different browsers and devices
• Zero-friction experience — visitors want to start listening immediately, not create accounts or fill out forms
• Multi-content types — radio stations, TV channels, podcasts, and schedules each need their own presentation while feeling like part of one product
• Dark, energetic design — the interface needed to feel modern and lively, fitting for a music and entertainment platform
• Performance on all devices — streaming is resource-intensive; the UI had to stay snappy even on lower-end devices

The Approach

Content Architecture

The platform is organised around four main content types, each with its own dedicated page:

Design Philosophy

Limoon’s identity is built around the lemon — fresh, zesty, and energetic. The design reflects this:

• Dark theme with a deep navy background that makes content pop and reduces eye strain during extended listening
• Yellow-green accent — a vibrant lime colour that echoes the lemon branding and provides high-contrast CTAs
• Clean player UI — playback controls are minimal and always accessible; the player doesn’t overwhelm the content
• Card-based station grid — each station or channel is presented as a visual card with artwork, making browsing feel tactile
• Responsive layout — works seamlessly from desktop to mobile, with the player adapting to screen size
• Gradient accents — subtle gradients add depth without distracting from the primary content

Technical Implementation

Built with a focus on streaming performance and a lean front-end:

• Streaming integration — embedded audio and video players with playlist support
• Client-side routing — smooth page transitions without full reloads
• Dark theme — CSS custom properties for consistent theming across all pages
• Responsive design — mobile-first with adaptive player sizing
• Touch-friendly controls — optimised for mobile browsing and one-handed use
• SEO basics — proper meta tags and page titles for search discoverability
• Lightweight footprint — minimal dependencies for fast initial load

SEO & Performance

• Clean URL structure for each content section
• Open Graph and Twitter card meta tags for social sharing
• Semantic HTML for accessibility and search indexing
• Optimised streaming delivery with adaptive bitrate handling

Highlights

• Zero sign-up streaming — visitors start listening instantly with no account required
• Dual radio + TV — both audio and video streaming in one platform, unified under the same interface
• Dark theme design — modern, easy on the eyes, with a vibrant accent colour that gives the brand personality
• Responsive player — the streaming controls adapt gracefully from desktop to mobile
• Station discovery — trending section and category browsing make it easy to find new content
• Lightning-fast navigation — client-side routing means switching between radio, TV, and schedules feels instant

Tech Stack

• HTML/CSS/JavaScript — custom front-end with no heavy framework
• Streaming protocols — standard audio/video streaming with cross-browser support
• Responsive CSS — custom properties for theming, flexbox/grid for layout
• Static hosting — fast global delivery

My Role

• Concept & design — product vision, brand identity, UI/UX design, dark theme system
• Front-end development — complete build of the streaming interface, player controls, and navigation
• Streaming integration — implementation of audio and video playback across multiple stations and channels
• Content organisation — structured station listings, TV channels, schedules, and podcast content
• Performance optimisation — ensured smooth streaming and fast navigation on all devices

Roadmap & Future Plans

The platform launched with core streaming functionality. Planned enhancements include:

Phase 2 — User Features

• Favourite stations and personalised listening history
• Custom playlists combining radio, podcasts, and saved content
• Sleep timer and alarm features

Phase 3 — Social & Discovery

• Shareable station links with now-playing previews
• Listening stats and trending charts based on real usage
• User ratings and reviews for stations and channels

Phase 4 — Mobile Apps

• Native iOS and Android apps with background playback
• Push notifications for favourite shows and station updates
• Offline podcast downloads

Phase 5 — Platform Expansion

• Additional regional content (Latin America, Europe, Africa)
• User-submitted station suggestions with moderation
• API for third-party integrations and embeds

Live Site

Visit: https://limoon.hamou.me/