TRENDS AND CHALLENGES IN DIGITAL TRENDS AND CHALLENGES IN DIGITAL CORPORATE COMMUNICATIONSCORPORATE COMMUNICATIONS

Milan November 28, 2011Milan November 28, 2011

The The keykey toto the the futurefuture is in is in ourour pastpastfuturefuture is in is in ourour pastpast

Last 10 Last 10 yearsyears wewe havehave

•• RRebuiltebuilt, , redesignedredesigned, , repositionedrepositioned the the corporatecorporate websitewebsite

•• CreatedCreated dedicateddedicated departmentsdepartments

•• LaunchedLaunched business business websiteswebsites, , customercustomer support support websiteswebsites and portalsand portals

•• LaunchedLaunched ourour companycompany intointo social mediasocial media

•• StartedStarted toto movemove ourour corporatecorporate reportingreporting intointo digitaldigital

•• ChangedChanged from mobile from mobile telephonestelephones toto mobilemobile

media media consumptionconsumption devicesdevicesmedia media consumptionconsumption devicesdevices

WhatWhat is the problem is the problem withwith thatthat??

IntegrationIntegrationIntegrationIntegration

Integration

Message

Customer andbusiness sites

Corporate site

Print, videoOrganisationMobile

Print, videoand othermedia

Social media

Integration is the Integration is the largestlargest challengechallenge for for largestlargest challengechallenge for for 20122012

Design

Parallax scrollingDesign below the fold

Design

Parallax scrollingDesign below the fold

Functionality

SearchGraphs becomes dynamic

Functionality

SearchGraphs becomes dynamic

1 2

Trends for 2012Trends for 2012

1 2

Design below the foldTextures & Images

TypographyResponsive design

Design below the foldTextures & Images

TypographyResponsive design

Content

AboutPress

Content

AboutPress

Graphs becomes dynamicMaps

Press releasesSocial media

Graphs becomes dynamicMaps

Press releasesSocial media

Sociala media

NyttaCrowdsourcing

Sociala media

NyttaCrowdsourcing

3 4

PressIR

CareerCSR

PressIR

CareerCSR

CrowdsourcingInfluenceAlgorithmsStorytelling

CrowdsourcingInfluenceAlgorithmsStorytelling

In KWD WebrankingIn KWD Webranking

SearchSearch

1

Press and media Press and media functionalityfunctionality

2

MapsMaps

3

GraphsGraphs

4

Social media (integration)Social media (integration)

5

Think in Think in modulesmodules

Design trendsDesign trends

Parallex scrolling Responsive design or enabling mobile

Expressivetypography

Textures of depth and images

Design below the fold& single page

Parallax Parallax ScrollingScrolling

1Parallax scrolling is a special scrolling pseudo-3D technique in computer graphics,

1pseudo-3D technique in computer graphics, where background or foreground moving image create an illusion of depth adding to the immersion.

Although its forte was Gaming arena but now its growing by leaps and bounds in Web Designing as well.

Parallax ScrollingParallax Scrolling

Design Design belowbelow the the foldfold

2People expect to scroll

2Think of a newspaper’s front page above the fold. What is the dominant content? On many newspapers it is simply an exciting image or headline to lure readers in.

All of the substantial content is embedded within the rest of the paper, but if a reader is compelled by the headline they will gladly search it out.

Use this to your advantage. Attract your visitors Use this to your advantage. Attract your visitors above the fold, but don’t hesitate to put the good stuff below. It simply has to be something compelling; something that will make a winning case for the rest of the site

`Long’ `Long’ websiteswebsites

Big images and Big images and texturestextures

3Big Images

Large backgrounds make a very impressive visual

3Large backgrounds make a very impressive visual impact on websites. A web designer has the possibility to play with different design variables that are usually used by photographers, such as depth of field or focus. The background does not have to be just photos, but also any other large illustration or even video.

TexturesTextures

Using texture is a good way to add depth, detail, and a layer of interest to a web design. Whether it’s in big doses or just a few subtle patches here and there, texture can help give personality to your

website.

Big imagesBig images

TextureTexture addsadds depthdepth

Expressive Expressive typographytypography

4Typography not only used to provide information rather it can improve the user

4information rather it can improve the user experience as well by improving the web design.

OneOne picturepicture sayssays moremore thanthan a 1000 a 1000 wordswords… …

ResponsiveResponsive designdesign

5Responsive design

• More flexible

5• More flexible

• Images automatically adjusted

• Layout that never breaks

• Adopts from landscape to portrait

Mobile Design

• Touch changes the interaction design paradigm

• It changes the way people physically interact with a • It changes the way people physically interact with a website

• Directionality of flow is changed

• Pinch to zoom gesture means that zoom out and pan is now an acceptable way of navigating across a site while browsing by fingers

Mobile designMobile design

OurOur 10 second pitch…10 second pitch…

WeWe helphelp youyou joinjoin upup the the dotsdots, , makingmaking sense sense ofof the the futurefuture by by

combiningcombining research research withwith adviceadvice and implementation.and implementation.combiningcombining research research withwith adviceadvice and implementation.and implementation.

•• Digital Digital strategystrategy

•• Corporate Corporate websiteswebsites, , strategystrategy, , messagemessage, design and , design and buildbuild

•• MovingMoving from print from print toto digital, digital, toto mobile for mobile for corporatecorporate reportingreporting

•• UnderstandingUnderstanding howhow toto integrateintegrate whatwhat youyou alreadyalready havehave

••QuestionsQuestions??