plusplus label

CI, UX / UI, Design in Browser, Frontend-Development HTML5 / CSS3 / JS, Fluid Layout, Processwire CMS, Dynamic HTML5 Audio Player
Client: self

plusplus is a netlabel for electronic music. This was my BA project at the University of Bielefeld. I redesigned the page in 2016 with a Mobile First / Design in Browser workflow.

The website has a processwire CMS.

plusplus-audio.net

  • Mobile First Screendesign / Design in Browser

  • Responsive Fluid Frontend

  • Processwire Backend

  • Dynamic HTML5 / JS Audio Player

    									<?php 
    $home_url = $pages->get("/")->url;
    foreach($page->tracks as $track) {
        echo "
        <li>
            <a href='' data-src='http://{$config->httpHost}/site/releases/{$track->track_url}' class='track-link'>$track->track_name</a>
            <a href='{$home_url}download.php?f={$config->httpHost}/releases/$track->track_url' class='btn btn-icn track-download'></a>
        </li>
         ";
    }
?>