Content presentation

Modern web services use a variety of content formats and methods of presentation. Common content formats include text, image, video, and table. Web services use page templates, content modules, and various text formatting methods for presenting the content.

The content of the web service must work seamlessly on different devices. Therefore, the design and implementation of the content presentation is a demanding combination of user interface, visual design and technical solutions.

Content format

The same content can be presented in several different formats on the web service. The easiest format to implement is text, but web services also use various other formats, such as images, videos, tables, links, infographics, and animations.

Content type

The content type of a page tells you what content a particular webpage is intended to display. For example, an “event” content type refers to page templates and functionalities specifically designed to present events. In the example of events, we often design and implement an event listing page, where events can be filtered, for example, by date. In addition, events often require a page template for a single event. Other typical types of content for web services include:

  • page
  • product
  • service
  • event
  • article
  • person
  • reference
  • campaign

Content types are also considered in the design of the web service content structure, which also defines the number, order and hierarchical relationship between the pages. One or more pages may be implemented in a webpage for one type of content. These are implemented using a page template or templates, which define the content elements of the content type and their position on the page. Each of the templates are designed specifically for each content type. Depending on the content type, the web service may also include listings that gather the content that falls under a specific content type. For example, a list of articles can gather all the pages that fall under the article content type and that are made with the article-page template.

Page templates

A page template is a ready-made template that can be duplicated in a content management system with one click, with certain content formats pre-arranged in a selected way. For example, a content type “news” page template typically has a news date, title, author information, image, text area, and a list of links to other recent news.

Usually, each content type has its own page template(s) so that the content can always be presented in the most natural way for the content type in question.

Content modules

The content displayed in the page template may be mostly or completely specific, as in the “article” page template mentioned above. Alternatively (or in addition), the content is compiled into page templates from content modules managed through the content management system. These are sometimes called “components”.

The content module includes certain content formats pre-arranged in a certain way and to a certain size. For example, the “text + image” content module may have a space for an image on the left and a space for text on the right. The content module is thus, in a way, a frame into which the displayed content is created or selected:

The content of static content modules is implemented manually. For example, in the “text + image” content module, the displayed image is chosen from the media bank of the web service and the text is written in the content management system.

Dynamic content modules automatically display existing content without needing to manually generate new content for display. For example, the “article listing” content module automatically displays a certain amount of the latest news. Numerous of these various functionalities can be added to content modules. For example, we have manually defined which articles will be displayed for the following article highlight. They are, of course, content-related articles. The WordPress content management system produces content suitable for these highlights, we just select the displayed articles from the management view.

By combining different content modules (same way as Lego blocks) with the page template, different content entities can be created in a variety of ways. Examples of frequently used content modules include:

  • Hero image
  • Image carousel
  • Text + image
  • Highlight including several products or services
  • News listing
  • Call-to-action

One of the crown jewels of our modular implementations is definitely plan.fi, which we recommend you familiarise yourself with carefully.

Text formatting

Special attention should be paid to the formatting of the text, because even a high-quality text is difficult to use when unformatted. Especially on smartphones, long and unformatted text masses make reading very straining. This often results in the user leaving the text unread.

Text formatting is done as part of inputting the content to the web service. The most important formatting methods include:

  • Main headings and subheadings
  • lead paragraph
  • bolded text
  • bullet-point lists
  • links within the web service and links to other web services.

On this page, we have used all of these formats.

Read more about content

Content production

It is only a slight exaggeration to say that without quality content a web service is useless.

Read more

Content structure

Content structure indicates what different pages the web service consists of and how the different pages are organised in the web service.

Read more

Our customers

Shall we get to work?

"*" indicates required fields

Nimetön

All information is processed according to privacy policy statement.