Layer

Local radio app, from the live stream to the replays

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. This use case shows a neighbourhood radio station: the live stream, the shows it keeps, and the episode player. The live stream is a section of the app, not a player bolted onto it. It gets a screen of its own, with the artwork, the equalizer, the volume and a sleep timer that stops the stream on its own. The home opens on it: the first widget on the page links straight to the live section. Skip back fifteen seconds, skip forward thirty. Both numbers are settings. The podcast player template writes the value inside the arrow, and the two defaults are changed from the back office. Start an episode and keep browsing: the bar sitting above the tab bar is the same session, still playing. Shape, colour and typography come from the design system's semantic roles, so one configuration outputs three engines: native iOS (Swift), native Android (Kotlin) and a Progressive Web App. Built with GoodBarber.

Layers - Explore Designs