Planar
Video Wall Calculator

Project Overview

Planar asked Incubate to design and develop a new Video Wall Designer website. This website acts as an online sales tool, allowing curious customers, marketing directors, architects, designers, and integrators the ability to specify, design and view LCD & LED video walls that are custom configured to their specific space requirements. The website features a new environmental visualization tool that allows users to upload images of their installation space and superimpose the configured video wall within that space. For users that are not familiar with the product, we have added multiple instructional walk-thru sections that help people navigate the special features of the Video Wall Designer. The Video Wall Designer website also provides detailed hardware specifications data, wiring diagrams, and mechanical drawings that aid in the complex site planning and installation processes required for these displays. The site is built in HTML5, CSS, and Javascript and is capable of saving user’s display configurations, along with exporting a variety of images, excel data and PDF’s of the customer’s LED & LCD Video Wall designs.
View Website

Services

Strategy
Creative Direction
UX / UI Design
Art Direction
Illustration
Website Development
Application Development
Content Production

OVERVIEW

/// HOMEPAGE START SCREEN

Homepage allows users to start a new project,
or load a saved/
pre-configured project.

Planar Video Wall Calculator start screen webpage on desktop monitor

FEATURES

/// TOUCH-INSPIRED CANVAS NAVIGATION

The canvas controls are optimized to allow users to easily create video walls while using either on a desktop computer or touch-based device.

dashed line
/// VISUALIZE SCREEN & ENVIRONMENTAL CONTENT

Users have the ability to add environmental features to their room
and select or upload the content to be displayed on the video wall.

Custom screen content feature on Planar's Video Wall Calculator website
dashed line
/// CUSTOM ROOM ENVIRONMENT

Users now have the ability to visualize their Video Wall Design in their own environment by uploading a photograph of their installation space.

Screenshots of custom room content feature on Planar's Video Wall Calculator
Custom room photo feature from Planar's Video Wall Calculator
dashed line
save icon
/// SAVE & SHARE PROJECTS

Save a Video Wall Design and
share that project with others.

Request a Quote icon
/// REQUEST A QUOTE

Send a Video Wall Design to
Planar and receive a custom project quote.

graphics of PDF, XLS, and JPG icons
/// EXPORT PROJECTS

Export Video Wall designs
to a variety of common formats.

dashed line
/// ADVANCED SETUP MENUS

Users have the ability to specify advanced details about LED & LCD
Video Wall Designs, while also creating up to 3 individual Video Wall Design configurations.

Animation of Planar's Video Wall Calculator menu setup
/// WIRING DIAGRAMS

Users are able to view detailed measurement, cabling and
power routing specifications based on their
Video Walls configurations.

Animation of cabling diagram from Planar's Video Wall Calculator
/// SPECIFICATION DATA

Users are able to view and compare detailed
specification data regarding their Video Wall Designs.

Animation of Specification Data from Planar's Video Wall Calculator
dashed line
/// CUSTOMIZED WALK-THROUGHS

Users can utilize step-by-step walk-throughs to easily navigate and learn about the Video Wall Designer.

Guided walk-through feature of Planar's Video Wall Calculator
RELATED PROJECTS