Planar
Video Wall Calculator Website

Project Overview

Planar asked Incubate to design and develop a new Video Wall Calculator Website. This detailed web application acts as an online sales tool, allowing curious customers, marketing directors, architects, designers, and integrators the ability to specify, design and view Planar specific LCD & LED video walls that are custom configured to their 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 Planar 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 Planar Video Wall Calculator website was developed and built as a single-page web application utilizing HTML5, CSS, and Javascript. Technical capabilities include saving user’s custom display configurations and providing detailed display specification data, technical design drawings, and power/video cable routing guides. Additionally the website can export a variety of images, excel data and PDF’s of the customer’s custom configured Planar LED & LCD Video Wall designs. Incubate continually integrates additional Planar Product lines into this online sale tool, and provides monthly maintenance updates to this ever-changing web application.
View Website

Services

Strategy
Creative Direction
UX / UI Design
Art Direction
Illustration
Website Development
Web Application Development
Maintenance
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