WORK

Picturepark Content Platform GUI

CLIENT: Picturepark

 

PROJECT LINK: Picturepark.com

 

Picturepark Content Platform is next generation content management tool. Released to the market in Q1 2019, aims to redefine the DAM industry.

 

ROLES: Product and Service Design, UX Design, Visual Design

 

Storing and structuring data in scalable and meaningful way comes with numerous challenges. There should be a firm and simple rules, but at the same time libraries should be flexible and easy to edit and maintain. As business organisations evolve, so should their digital library. Moving from local servers to online storage added another level of complexity for DAM providers, and for their customers as well. I delivered complete UX and UI work for PCP product, but this was not my main task. My main task was to define product features, working together with CEO and Product Owner.

branding-picturepark-content-platform
GUI-Picturepark-Content-Browser

This is a main screen of the app, visible to all the users, without restrictions. Place where user can search and filter out all the assets available. A single place for downloading, uploading and editing assets. In Picturepark Content Platform users can also start creating content from scratch.

GUI-Picturepark-Cards

DAM management is mostly about user roles and permissions. This is an admin view — a screen for building schemas and lists. Schemas are used to define field forms for different types of data, while lists are used to define values for those fields. Building these sort of libraries and establishing connections between different types of content can be very abstract. Therefore, user interface has to be very intuitive.

GUI-Picturepark-Cards
GUI-Picturepark-Contant-detail-page

This is how single asset in Picturepark Content Platform looks like. There is an asset preview and the various layers of metadata. These layers are defined by admin, and they can differ for different types of data. they can be shown or hidden depending on user permissions. In this example, data layers include: a basic metadata with several levels of links, an information about asset owner, a list of permissions per user groups and suggestions for similar assets.

GUI-Picturepark-Navigation
GUI-Picturepark-Toolbar GUI-Picturepark-Cards
GUI-Picturepark-Toolbars-Comparison
GUI-Picturepark-Asset-Selection
GUI-Picturepark-Search
GUI-Picturepark-Metadata
GUI-Picturepark-Owner
GUI-Picturepark-Accordion-and-Block
GUI-Picturepark-Expanded-Accordion
GUI-Picturepark-Filters
GUI-Picturepark-Toasts
GUI-Picturepark-Edit-Forms
GUI-Picturepark-Tooltips
GUI-Picturepark-Relations
GUI-Picturepark-Template-Selection
GUI-Picturepark-Assign-Forms
GUI-Picturepark-Alerts-and-Popups
GUI-Picturepark-Fields
GUI-Picturepark-Relation-Field
GUI-Picturepark-List
GUI-Picturepark-Dropdown