Purpose of landing pages
Landing pages provide a summary of the topics from the underlying pages (make the user understand what he can expect on the detail pages). They also lead the user to the underlying pages (use teaser).
The landing page templates most relevant for the authors are:
- Landing page manual – Lifestyle
- Landing page manual – Structured
- Landing page manual with right column
Content guidelines
- Do not mix different teaser types (image / picto / text) per row – this does not apply to “T002-2 – Land-ing page manual – Lifestyle”
- Teasers do not need to reflect the navigation but can.
Landing Page Manual - Structured
This template is used on the corporate and clinic level. It is a manual template and commonly used throughout the website. It is flexible and allows the author to place many components. It is used for content that for the most part has a magazine character.
It has a structured layout and allows rows of teasers / content to be placed. It has a minimum of 2 rows and its purpose is to summarise and link to further relevant content (e.g. contact, or clinics).
Specifications
| # | Components used | Description | Display Rule | Comment |
|---|---|---|---|---|
| 1 | Header | Header for corporate or clinic | must | Depending on where the page is used |
| 1.1 | Stage | Stage image & text (only image, no slider and CTAs) | optional | The stage image is optional and can be used or not. Try to find images that match the content / topic. |
| 2 | Bar with page tools and back link / page title | Is automated | must | |
| 3 | H1 title | Is set in page properties (page claim) | must | |
| 4 | Contextual navigation | must | All underlying pages must appear in the contextual navigation. | |
| 5 | Text / Intro: Lead and copy | must / optional | In this area, the author can write an introduction and some additional text. Text options are described in components – text blocks | |
| 6 | Teasers / components used on this template: in rows of 2 or 3: - Image / text teasers - Video teaser - Quick Links over full width: - Numbers in rows of 2 or 3: - Event teaser (list) - News teaser (list) - Blog teaser | optional | The author can place manual teasers to specific pages in this section to highlight them. He can use the entire palette of teasers, in the approved arrangements (described with the teasers). In addition, many components can be placed in this template. List teasers (Events, News, Blog) should only be placed in the bottom row. Mobile: the teasers / components are stacked as described in the components. | |
| 7 | Subtitles | optional | Subtitles can be placed by the author to separate content / structure the page | |
| 8 | Footer | Footer for corporate or clinic | must | Depending on where the page is displayed |
Landing Page Manual – Lifestyle
This template is used on the corporate and clinic level. It is a manual template and commonly used throughout the website. It is flexible and allows the author to place many components.
It has an unstructured, blog-like layout and allows teasers to be added. It lists them in an unstructured grid. Its purpose is to summarise and dispatch to a topic (e.g. landing baby or other focus topics). At it has a more lifestyle feel to it, it is only used as a landing page for more editorial topics (like a focus topic, baby or jobs) and not for clinical topics.
It has no automation logic (as automatically pulled content, etc.)
Specific baby page
The landing page manual Lifestyle template is also used for baby pages. There is a specific setting that changes the styling of the landing page to the baby specific one. Under properties, in the Advanced tab, there is the dropdown for Page Layout. Normally it is set to standard, but for baby pages it should be set to “baby page”. This will adjust the colour of the claim and some components that have a specific styling (mainly events list for now).
Specifications
| # | Components used | Description | Display Rule | Comment |
|---|---|---|---|---|
| 1 | Header | Header for corporate or clinic | must | Depending on where the page is used |
| 1.1 | Stage | Stage image & text (only image, no slider and CTAs) | optional | The stage image is optional and can be used or not. Try to find images that match the content / topic. |
| 2 | Bar with page tools and back link / page title | Is automated | must | |
| 3 | Logo | optional | Only placed for baby or other topics that have an official Hirslanden logo. Set logo in the page properties. Logos can be added in the Page properties of landing pages. | |
| 4 | H1 title | Is set in page properties (page claim) | must | Is part of the template and author doesn't need to place this com-ponent. Author needs to write title. |
| 5 | Contextual navigation | must | ||
| 6 | Text / Intro: Lead and copy | must / optional | In this area, the author can write an introduction and some additional text. Text options are described in components – text blocks | |
| 7 | Teasers / components used on this template: - Image / text teasers - Video teaser - Virtual tour teaser - Event teaser (list) - News teaser (list) - Library teaser (list) - Blog teaser - Social feeds - Contact box - Quick links | The author can place manual teasers to specific pages in this section to highlight them. He can use the entire palette of teasers. The teasers are placed in the wild grid container. In addition, many components can be placed in this template. List teasers (Events, News, Blog) should only be placed in the bottom row.
| ||
| 8 | Footer | Footer for corporate or clinic | must | Depending on where the page is used |
Landing Page Manual with Right Column
| # | Components used | Description | Display Rule | Comment |
|---|---|---|---|---|
| 1 | Header | Header (navigation) for corporate or clinic | must | |
| 1.1 | Stage | Stage image & text (only image, no slider and CTAs) | optional | The stage image is optional and can be used or not. Try to find images that match the content / topic. |
| 2 | Bar with page tools and back link / page title | Is automated | must | |
| 3 | H1 title | Is set in page properties (page claim) | must | Is part of the template and author doesn't need to place this component. Author needs to write title. |
| 4 | Contextual navigation | must | ||
| 5 | Content main column Teasers / components used on this template: - Image & text - Image gallery in rows of 2: - Image / text teasers - Video teaser - Virtual tour teaser over full width of column: - Numbers - Event teaser (list) - News teaser (list) | must / optional | The author places these compo-nents manually. Mobile: the teasers / components are stacked as described in the components. | |
| 6 | Content right column (service column): - Image / text teasers - Video teaser - Virtual tour teaser - Person - Contact box - Blog teaser - Social feeds | must / optional | The author places these components manually. Mobile: the right column (Service column) is stacked below the main column. With the right column, the teasers / components are stacked as described in the components. | |
| 7 | Footer | Footer for corporate or clinic | must | Depending on where the page is used |
