Content Management System

Custom-fit solution to easily create and deploy rich contents for a single country or across the globe

There is not one single “best” tool to manage contents. Rather, the best tool will depend on the type of contents to be published and the balance between flexibility, control, reusability desired as well as how this piece of content is connected to other pieces of content in the system. QOR provides several tools for content management for the different use cases that we have abstracted from over ten years of developing content management systems for local and global companies.

Containers: The Building Blocks of Content Management

Containers are the basis of our content management strategy. We co-opt iA's definition "A container consists, generally speaking, of a self sufficient block of content that a) spans the full width of a page b) is usable on more than one page c) scales responsively". For practitioners of atomic design, a container maps roughly to an Organism.

Each container consists of: (1) Visual design expressed in html/css/js; (2) data definition that defines what type of content can be used to populate the container with text, images, and videos.

The steps to build a site with containers
The steps to build a site with containers

Each site comes with a number of pre-built containers that can be custom-styled to fit each company’s unique design and branding guidelines.

How containers fit together to build a page
How containers fit together to build a page

The Right Balance of Flexibility and Control for Organizations

While there are many Content Management Systems that provide full flexibility to put any text or image anywhere on a page, our experience working with companies over the years have shown us that this is usually not desired because:

  • Full flexibility allows operators to develop contents that are not in accordance with the brand guidelines and/or are of subpar quality.
  • Flexibility inherently creates interfaces that are more complex to manage, requiring additional training, frustrated content managers, and often result in improper use of the tools.

We have found that the correct balance for most companies is:

  • Containers that encapsulate typography and other graphical elements that adhere to branding and design guidelines
  • Exposing only the parts that a particular level of user should allow to change for editing.

The result is easy-to-use content management (as few items are editable, the interface is simple) while maintaining brand control.

Pages

Pages are simply collections of containers and several tools are available in QOR to help manage containers and pages. The right choice will depend on the content type and page design:

  1. Page Builder
  2. Microsite
  3. Page of a Series

1. Page Builder: Build Rich Pages in Minutes

The Page Builder allows brands to instantly create new pages by combining, ordering, and managing container contents. This is the right choice for any single page that relies solely on containers that have been defined in your site to easily create new pages on-the-fly by content administrators with no external support.

Combine, Order, Remove and Add Conatiners

Construct pages by selecting from the containers that have been defined in the system, then Easily order, remove or add containers.

Adjust the order and editing the page with containers
Adjust the order and editing the page with containers

Manage Contents

The edit interface that allows you to adjust the content
The edit interface that allows you to adjust the content

2. Microsites: Unlimited Flexibility

Have a special campaign, product page, or other presentation for which you want to do something special? Microsites let you to create and deploy original single or multi-page designs outside of the constraints of container-based pages. Microsites have important features to support operational and workflow needs:

  • Mount Point: Define the url from which the page(s) will be served.
  • Container Embed: Embed containers into the custom design (e.g. the header and footer) to reuse existing functionality and designs
  • Asset Upload: Upload html, css, js, and other assets either via a zip file or via a file transfer application.

3. Page of a Series

Page of a Series is for contents that have a fixed structure, are related to each other, share the same base template, and need to be linked together in one form or another. Blog articles, shop listings, profiles, events, and other such items are common use cases for Pages of Series. Features include:

  • Flexible relations between items: previous/next, more of same category, top items, inputs to a 3rd party service such as Google Maps, etc.
  • Custom Data Types and Input: Define each data type and which parts will be editable by which user role.
  • Before & After Containers: While content shares the same base template, Before & After Containers can be used to customize pages for each content item.

Other Features

Media Library

Upload files to cloud or other destinations with support for image cropping and resizing.

Media Library allows the upload and resize of images on the fly, with the option of saving them into multiple sizes and resolutions for optimized cross-platform delivery. Media Library can be configured to save in either the file system or cloud-based storage systems and can be combined with Worker to efficiently manage bulk image import and manipulation. Features include:

  • Image Resizing
  • Video Embed
  • Meta Data Management
  • Search and Filtering of Media
  • Accessibility Data Management
The Media Library - A centralised place to manage your assets
The Media Library - A centralised place to manage your assets

Frontend Edit

Frontend Edit allows content managers to edit contents while looking at the contents as it appears when viewing the website. Inline edit is accessible to administrators with appropriate permissions via an action bar that allows them to toggle on/off inline edit mode. Once on, administrators can click on containers to edit the contents and immediately preview the results.

Edit content directly from web view
Edit content directly from web view

Publishing and Versions

Simple yet powerful system to define which containers or pages are live and specify start and end dates for each.

Define multiple versions of a page and the publish dates for each. Using versions, a customer can set up a multi-phase campaign (e.g. campaign teaser, campaign launch, post-launch) in advance and specify publish dates for each version of their page(s).

Publishing Options - Manage versions and tie publish dates to events
Publishing Options - Manage versions and tie publish dates to events

Internationalization & Localization

Internationalization and localization built into the fabric of the system. Features include:

  • Export/import of language translation files
  • Copy container or page to other language
  • Localization of business objects according to business-specific rules.

One system, unlimited sites

Every aspect of the content management system has been designed to fit well within a multi-country deployment with an arbitrary number of countries. These include:

  • Single source templates for containers, pages, and microsites can be localized for each country depending on business-defined rules.
  • Permissions to grant country and content level editing rights.
  • Global roll out using Publish at specific local times.
  • Country-level access rights for Media Library items that allow companies to specify which resources are available in which countries. 

Contact Us

Send us an email at hello@theplant.jp or use the form below to get in touch with us. 

File Attachment
Screenshot.png