Dim

Dim is a self-proclaimed media manager fuelled by dark forces. It allows users to organise and stream their personal media files like shows and movies running on a local server.

The main problem with the original design while functional, the overall UI/UX of elements were largely unrefined.

The goal was to break down the overall structure of the page — which resulted in a minimalist yet easy to understand layout, with less visual clutter it became much easier to separate and navigate the page.

By reducing the number of displayed media cards and breaking up the navigation into different 'zones' of the page allows for an overall easier viewing and navigation experience for the user.

Whilst the initial goal was to build a consistent design framework to improve the user experience and lower the barrier of entry, a key goal was to also be scalable on different devices such as TVs and other large displays without compromising on the look and feel.

Additional elements were also designed into the new dashboard design to give better context to the user on how to manage and perform certain actions.

Dim has been in active development for some time and is only available on desktop at the moment. It requires some development knowledge to install and set up your own server.

Looking to expand to mobile and other platforms soon, I was also tasked with designing the mobile app experience for both iOS/Android.

When your library can reach 100s or 1000s of titles, a frictionless content filtering UI allows greater refinement when navigating what you want to watch.

Contextual UI elements for shows and movies to quickly show the user at a glance what they're watching and where they're at respectively.

Search Options allows for easy and intuitive filtering of common media filtering such as Year of release, Genre and more, right inside the search bar allowing for quick access to whatever you want to watch.