The Jukebox, resampled and fresh
In order to adequately represent all the pop hits from “50 years of Swiss Charts” there was no aesthetic more fitting than that of the good old jukebox with its impossibly gaudy, overblown, candy-colored design. Discover the new program design for SRF, freely reimagined and resampled with a splash of dynamism and a subtle nostalgic undercurrent.
Loops
{"items":["118cf5c3-bd65-41d9-8b0b-50234c91c7ee","4d10e2e7-6890-4d9b-8f9b-7fd7f0689f30","e97f55f5-fdb4-4b72-baae-707a1785a7c1","bd769212-070a-45d5-897a-0dfdd191fb08"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.7777777777777777,"isVertical":true,"gallerySize":32,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":2,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":50,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":2,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"center","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"Load more","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"2|bottom|1|fill|true|0|true","allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":true,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"galleryHorizontalAlign":"center","galleryVerticalAlign":"center","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":"color-5","itemShadowOpacityAndColor":{"value":"rgba(0, 0, 0, 0.2)"},"textBoxBorderColor":"color-5","titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":2,"useCustomButton":false,"customButtonText":"","galleryImageRatioFromWix":1.7777777777777777,"itemOpacity":{"themeName":"color_15","value":"rgba(232,232,232,0)"},"itemFont":{"family":"wfont_c85d84_733d3d66c6334b059bc65de4f7665f1f,wf_733d3d66c6334b059bc65de4f,orig_euclidflexmedium","displayName":"Mittlere Überschrift","style":{"bold":false,"italic":false,"underline":false},"size":20,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 20px/1.4em wfont_c85d84_733d3d66c6334b059bc65de4f7665f1f,wf_733d3d66c6334b059bc65de4f,orig_euclidflexmedium;"},"itemFontSlideshow":{"family":"wfont_c85d84_733d3d66c6334b059bc65de4f7665f1f,wf_733d3d66c6334b059bc65de4f,orig_euclidflexmedium","displayName":"Mittlere Überschrift","style":{"bold":false,"italic":false,"underline":false},"size":20,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 20px/1.4em wfont_c85d84_733d3d66c6334b059bc65de4f7665f1f,wf_733d3d66c6334b059bc65de4f,orig_euclidflexmedium;"},"itemDescriptionFontSlideshow":{"family":"wfont_c85d84_d2225f2e3fbc4beba7312f8f47c7ce66,wf_d2225f2e3fbc4beba7312f8f4,orig_euclidflexregular","displayName":"Textabschnitt 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em wfont_c85d84_d2225f2e3fbc4beba7312f8f47c7ce66,wf_d2225f2e3fbc4beba7312f8f4,orig_euclidflexregular;"},"itemDescriptionFont":{"family":"wfont_c85d84_d2225f2e3fbc4beba7312f8f47c7ce66,wf_d2225f2e3fbc4beba7312f8f4,orig_euclidflexregular","displayName":"Textabschnitt 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em wfont_c85d84_d2225f2e3fbc4beba7312f8f47c7ce66,wf_d2225f2e3fbc4beba7312f8f4,orig_euclidflexregular;"},"itemFontColor":{"themeName":"color_11","value":"rgba(45,45,45,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(232,232,232,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(45,45,45,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(232,232,232,1)"},"loadMoreButtonFont":{"family":"wfont_c85d84_d2225f2e3fbc4beba7312f8f47c7ce66,wf_d2225f2e3fbc4beba7312f8f4,orig_euclidflexregular","displayName":"Textabschnitt 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em wfont_c85d84_d2225f2e3fbc4beba7312f8f47c7ce66,wf_d2225f2e3fbc4beba7312f8f4,orig_euclidflexregular;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(232,232,232,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(45,45,45,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(232,232,232,1)"},"responsive":false,"targetItemSize":422,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":958,"height":544,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":968,"galleryHeight":544,"scrollBase":0}}
Development
Credits
PLOY Studio
Concept, Broadcast-Design
3D, Animation, Compositing
SRF Gestaltung und Marketing
Andreas Dürr
Alex Hefter
Art Direction SRF
Creative Director SRF
