Digital Domain CMS

DD Console is a B2B content management system that allows clients to plug in their VR content into the templated VR UI Platform.

dd_hero_thumbnail.jpg
 

The Problem

The problem I suspect is that managing content is not efficient and not intuitive to use.

User_Interviews.jpg

We interviewed the engineers within our team as well as the clients using our management system .We took the logged issues from the excel spreadsheet and categorized the issues through clusters. We interviewed the users’ roles and listed their pain points when using the old content management system. We then categorized the different types of users into admins and content managers.

 
personas.jpg

Site Map

First Iteration

First_Sitemap.jpg
 

Wires

First Iteration

 

Revised Site Map

Final Iteration

Design

Final Iteration

dd_laptop.png
dd_login.jpg
 

Problems Solved

We made uploading, adding content, and sorting content into modules for users to organize. It was also great for engineers to build out as it became more easily scalable. The navigation was moved to the left to make it more scalable. As more features are to be included for B2B clients, it was better suited to have it on the left. We created a massive upload system without having to plug in information for each content. Users are to fill out the content’s info when curating their content within the collections folder. Designed a preview of the templated app when connecting content to a specific page of the UI. Added a folder system to the media library, collections, and interactive video feature. 

Testing Feedback

We need to add breadcrumbs. Users couldn’t distinguish between a Property and Collections.


 

Templated VR UI

All content from the CMS is then placed in a templated VR UI, giving clients some flexibility for customization to fit their brand.

05_explore_main_property.jpg
06_explore_drilldown_collection_A.jpg
13_downloads_middownload_A.jpg
14_downloads_detail_C.jpg
16_search_A.jpg
 

360˚ Video Editing Tool

There was a need for content managers to create an interactive video for users to be immersed in story telling. In order to do so, a list of features were developed.Given the short deadline to design a product, we decided to merge the UX/UI process together to meet the deadline. We quickly developed the first MVP where content managers can upload a 360˚video, start adding hotspots and then connect the hotspot to another 360˚ video. The product became known as Workbench and was then added into the CMS.

Design

First Iteration

Screen Shot 2018-09-12 at 11.38.54 AM.png

Users Feedback

Tools Used 

Adobe Premier / Quick Time / Workbench

Behaviors & Habits

“I’ve used Workbench for the past 2 months. I was working on Peekaboo, basically going in and making hotspots. Testing the overall use of the editor. Using it to build VR experience that we have here. We’re making a full on multi scene. 50 or 60 videos.” He would use Premier and Quick Time to create the VR experience. Unfortunately, Adobe Premier is the only tool he uses to edit a video. There aren’t a lot of options.

Goals & Needs

To complete a VR scene efficiently

Challenges

• Can’t resize hotspot 
• Would like to have overlays
• Missing interaction of the tool / would like to add animation
• On the CMS side, we need batch upload 
• Providing the content creator options to select a direction or interaction when creating hotspots
• Gaze base hotspots
• Tools to customize hotspot
• The path having to get to Workbench from CMS has too many clicks


 

Design

Final Iteration

11_CMS_No_scenes_B.jpg
15_CMS_Color_Adjustment_A.jpg