EXPERIENCE USER GUIDE

GALLERY

General Recommendations

Below are best practices to follow when collecting content and adding design elements for your Gallery Experience. We’ve provided guidelines for character limits, supported media file types, logo/experience background standards, and screensaver recommendations. 

  • Multi-Touch (up to 3 users)

  • Portrait or Landscape format

  • Available aspect ratios:

    • Landscape:

      • 32:9, ~21:9, 256:135, 16:9, 16:10, 3:2, 4:3 or 5:4

    • Portrait

      • 135:256, 9:16, 10:16, 2:3, 3:4, 4:5

  • Resolution: 4K and HD (Landscape: 3840 x 2160 and 1920 x 1080; Portrait: 2160 x 3840 and 1080 x 1920) 

Main Menu

1. LOGO

  • The upper left corner is reserved for a company logo (size should not exceed 350px x 100px)

  • Uploaded by the KODEX Team

  • File type: A .png or .eps file required from client

If you're using a light background, a black or color version of your logo is recommended. If you're using a dark/black background, a white solid logo will be more visible.

2. FLOATING TEXT BOXES

  • Title (required): 30 characters (2 lines)

  • Description (required): 160 characters (4 lines)

3. BACKGROUND COLOR

  • Background color can be changed to best fit your content or your overall brand.

Selected Content

1. INTERFACE ICONS, IMAGES AND VIDEOS

  • Video icons can be customized to fit your current brand colors

  • A minimum of 200 content sections is recommended. If the number of uploaded content sections is below 200, the content will be duplicated to fulfill that minimum requirement.

  • Images must be at least 450px wide

2. INACTIVE IMAGES

  • Treatment of inactive photos can be edited by the KODEX Team (upon request)

3. CONTENT TEXT BOXES

  • The copy box can be customized to fit your current brand colors

  • Category (required): 30 characters

  • Title (required): 40 characters (2 lines)

  • Description (required): 1200 characters (9 lines shown before scrolling begins)

Media

1. SUPPORTED MEDIA

IMAGES

  • 1920 x 1080 (recommended); if smaller, can negatively impact overall experience level 

  • File type: JPG or PNG 

  • Accompanied by a description (required)

VIDEOS

  • 1920 x 1080 (recommended); if smaller, can negatively impact overall experience level 

  • File type: MP4 or WMV

  • Accompanied by a description (required)

  • CMS will obtain thumbnail from video to display with play icon 

CUSTOM TEXT BOXES

  • These are boxes that will have a title and description only (no image/video entered in the spreadsheet)

  • Description: 200 characters

  • Only appear in the foreground/middle ground layers; should never appear in background layer

  • Animate on screen

  • Untouchable

2. CUSTOM BRANDING

  • Provide 1 brand color to the KODEX Team

  • Color will be implemented throughout the UI within the application

For best visibility, avoid bright and saturated colors.

Screensaver

  • The KODEX Team will create the screensaver template image. This image will be uploaded through the administrator CMS.

  • The image must be simple. Flat edges are preferred and the use of text is not encouraged.

  • Customizable screensaver text through the CMS; defaults to ‘Touch Anywhere to Begin’ 

Organizing Your Content

We’ve heard your content struggles, and we’re here to help! Follow these best practices below for a smoother content upload process.

CREATE FOLDERS

  • Start by creating folders for each content section (i.e. Animals, Flowers, Food)

COPY FILES INTO FOLDERS

  • Separate your Media from your Content documents

 

RENAME FILES

  • Make sure your filenames are easily recognizable. If they are very long or random, be sure to rename them before entering them into your spreadsheet and uploading.

  • Once your folders are organized, it’s time to enter content into your spreadsheet.

Managing Your Spreadsheet

Uploading mass amounts of content is made simple with our spreadsheets. Click the button below to download the template and get started.

Spreadsheet is compatible with Microsoft Excel 2009 or later versions.

GETTING STARTED

Open your spreadsheet and confirm that it looks like the image below. Once you have the correct document open, you may begin entering in your content one line at a time.

RENAMING TABS

To organize your content in the application, you will need to separate them by categories. You can do this by separating your content into Category Tabs. See the steps below.

  • Right click on the “Gallery” tab at the bottom of the Excel document

  • Click “Rename”

  • Type in your desired Category name and hit “Enter”

ADDING CONTENT

  • Open your Content document (if applicable). Enter in the Title and Description

  • Navigate to your Finder window and copy and paste the filenames into the “Image File” or “Video File” column. This will eliminate any typos and issues while uploading your media.

CREATE A NEW CATEGORY

  • DO NOT click on the “+” button to the right of the tabs.

  • To create a new category tab, right click on the current category tab

  • Click “Move or Copy”

  • Select the Tab you would like to copy/duplicate

  • Click on the “Create a copy” checkbox and click “OK”

  • Right click on the tab to rename it to your desired category name

  • Once you’ve completed your spreadsheet, it’s time to upload your content to the CMS. See Next Steps.

UPDATING YOUR SPREADSHEET

After you do your initial upload, you will no longer need your original spreadsheet. The hard copy will be saved within the KODEX CMS and can be accessed and downloaded at anytime. Any changes you make to your Collection will also be updated within that spreadsheet automatically.