Media Portal

Media Portal

Digital applications

Tegel Design System is mandatory for all digital applications at Scania to ensure a coherent premium experience across all of Scania's digital touchpoints.

Digital design

The design system contains a collection of knowledge, design tools and downloadable assets to help designers and developers when creating new digital solutions enabling a better user experience and a more effective workflow.

Take the time to read and educate yourself about Tegel Design System as well as the Digital Experience Strategy. When this is done, you should have a good foundation to start building new digital solutions for Scania.

Adhering to the digital design system and naming strategy is mandatory according to Scania Enterprise Guardrails, which contains strategies, principles and guidelines needed when buying or creating IT-solutions. (Scania Group Policy 16).

Mobile applications

The foundations and components in the Tegel Design System can also be used to create mobile applications. Informed by insights gathered from user and designer interviews, we've summarised essential best practices to guide you through the process of designing a mobile app the Scania way. Learn about:

  • Ways of working
  • Brand compliance
  • App icons
  • Splash screens
  • Do’s and don’ts
  • Layout examples
  • Device mockups and app store assets

Websites

Distributor websites

Distributors

Distributor sites are 100% Scania branded. Only Scania brand assets are allowed and only content about Scania (products and services) must be published.

The separated wordmark and symbol is used as the primary source of communication. A Scania wordmark is placed in the upper left corner and Scania symbol in the upper right corner. When scrolling down, the Scania symbol remains in the upper right corner and the wordmark is replaced by the main navigation. The country name is set in Scania Sans Headline Regular. If there are two or more Scania distributors in a country, the country name is replaced by the distributor name.

For a coherent user experience, all Scania distributors must use the Scania ComOn concept (Scania’s global Content Management System) when creating an external Scania website.

There are several advantages with using the Scania ComOn concept, both when it comes to branding and content. Correct branding is always achieved by using Scania brand assets only, from logotype, typography and icons to buttons and grid. It’s also possible to reuse all Scania ComOn specific developed components. Content is available in local language for all products and services. Dealer locator is built in and the site is responsive with mobile first approach.

For any questions regarding Scania online presence and websites, please contact the Scania ComOn support.

Dealer websites

Captive dealers

For a coherent user experience when visiting a captive Scania dealer website, a unified dealer header must be used, as illustrated below. The dealer name (normally “Scania” followed by the district or city name) is written in Scania Sans Headline Regular in the upper left corner.

Scania’s horizontal lock-up logotype is placed in the upper right corner. The lock-up logotype is used to signalise dealer site and to harmonise with websites for independent dealers.

Upon scrolling down the Scania horizontal logotype should prefarably be replaced by the Scania symbol in the upper right corner and the dealer name is replaced by the main navigation.

When it’s not possible to use the ComOn concept, Tegel Design System is recommended to use in order to achieve correct Scania branding, to create a coherent user experience.

Only content about Scania products and services and related offerings may be published on a Scania-branded website (but not content regarding other brands).

Illustrative example of principles for header

Independent dealers

An independent (not Scania-owned) dealer must not use the Scania trademark or logotype as part of its own corporate name or identity. Neither must the name Scania be used in the web top level domain, in the sending email domain, social media name or similar. Read more about domain names further down.

For a coherent user experience when visiting a Scania-branded dealer website, a unified dealer header must be used, as illustrated below. 

The dealer logotype is placed in the upper left corner. If the dealer does not have or want to promote its own logotype, it is replaced by the dealer name set in Scania Sans Headline Regular. Scania’s horizontal lock-up logotype is placed in the upper right corner. The lock-up logotype is used to signalise dealer site.

Upon scrolling down the Scania horizontal logotype should prefarably be replaced by the Scania symbol in the upper right corner and the dealer logotype is replaced by the main navigation.

Only content about Scania products and services and related offerings may be published on a Scania-branded website (but not content regarding other brands).

For more details on independent dealers and distributors, see the section independent companies.

Illustrative example of principles for header

Examples

For mobile / tablet devices, the dealer name is placed top center and the Scania symbol in the upper right corner. In case of long dealer names, enable responsive resizing of text to fit the box.

Multi-brand websites

Multi-brand distributors and dealers that also publish information about other products and services than Scania on their website should not use Scania's visual identity, but use their own identity and branding. The Scania logotype may only be used to show that the distributor or dealer represents Scania.

Read more on the independent dealer page.

On multi-brand websites the Scania logotype must not be used to brand the site. It can only be used to represent the products offered.

Naming

All naming for centrally developed applications need to be approved by Scania Designation Committee. Requests for new names are submitted via Scania Identity Helpdesk.

The following principles are guiding naming at Scania:

  • Strengthen the Scania brand
  • Express customer benefit
  • Focus on the functionality of the app
  • Be descriptive, transparent (avoid fabricated words)
  • Follow industry practice
  • Be consistent (in context)
  • Be kept short and to the core, but avoid abbreviations
  • Sound good and be easy to say
  • Modern language

Domain names

For maximum efficiency, IT security and brand protection, it’s important with a consistent domain convention. This way we can:

  • keep a clear structure to our online presence
  • identify trademark and identity abuse by third parties
  • minimise the risk of service interruptions
  • achieve a more efficient maintenance and management

The following rules apply.

Captive companies

Use “scania” in the web top level domain and sending email domain.

Example website: www.scania.com
Example email address: name@scania.com

Domains are organised by country and language sub-catalogues from top level domain

Example:
https://www.scania.com/be/nl for Belgium/Dutch
https://www.scania.com/be/fr for Belgium/French

Independent companies

Must not use “scania” as web top level domain and sending email domain.

For example, Scania is not allowed to be used as: scania-independentcompany.com. 
Instead, Scania is preferably to be used as: independentcompany.com/scania/ 

For emails, the following set-up is not allowed: independentcompany@scania.com
Instead, the following set-up may be used: scania@independentcompany.com

Production units

Example:
productionunit.scania.country or scania.com/productionunit/language

Training

There are two courses available for Digital Experience Design, an introduction (~10 min) and an in-depth course (~1 h) that we recommend to learn more about how to create digital experiences the Scania way. For teams working with UX there is also a document giving an introduction to UX design available.