guidelines for designing internal websitesnissanvi.parlourwood.co.uk/guidefiles/469/internal website...
TRANSCRIPT
NISSAN STRICTLY CONFIDENTIAL
Guidelines for designing internal websitesMarch 2013
NISSAN STRICTLY CONFIDENTIAL
Warning!
Starting from 25th June, Nissan Motor Company will introduce a new Corporate Visual Identity consisting of 2 main elements:
1. New Corporate logo combining “Nissan Motor Company”wordmark + the 3 brand symbols of our individual brands (Nissan,Infiniti and Datsun)
2. Company name which will either be “Nissan Motor Company” for our Global entity or “Nissan Group of [Region Name]” for our Regional main entities
We will update all the relevant guidelines as soon as we get the final content from NML
Brand Power team
2 NISSAN STRICTLY CONFIDENTIAL
Am I focusing on Nissan Corporate or
on one of the company’s brands?
Corporate Apply Nissan Corporate VI
Is it about Nissan as a brand?
Apply Infiniti or Datsun VI guidelines
Is the asset I am creating going to be
customer facing?
Do I express a marketing / communication message to
our customers?
Is my message linked to a marketing /
communication activity?
Brand
Apply Nissan Creative Expression
VI guidelines
Apply Nissan basic VI guidelines
YES NO
Apply Nissan Creative Expression
VI guidelines
Apply Nissan basic VI guidelines
YES NO
YES NO
NO
YES
Always consult the Decision treePath followed for deciding
what assets to use for internal website.
OR
3 NISSAN STRICTLY CONFIDENTIAL
Three primary Design directions for creating Internal websites
4 NISSAN STRICTLY CONFIDENTIAL
Three primary Design directions
WIN Portal–http://w1.nissan.biz/winkaizen/portal
Nissan Newsroom Europe–http://www.newsroom.nissan-europe.com/EU/en-
gb/Home/Welcome.aspx
Nissan Global Website–http://www.nissan-global.com/EN/
5 NISSAN STRICTLY CONFIDENTIAL
Design Direction – WIN Portal
The inspiration for this approach is the Nissan WIN portal website, which is used internally by NISSAN employees.
This is a simple looking informative approach which is used to communicate information using regular updates consisting of text, images and videos.
The website will have a clean and very corporate look with high dependence on information and practicality of use.
The website uses Nissan Red prominently as its primary colour along with other Nissan colours like Gray, Blue and white.
This website represents Nissan Group, thus uses the Nissan Wordmark.
6 NISSAN STRICTLY CONFIDENTIAL
NISSAN WIN PORTAL
Use of Nissan Wordmark.
Use of Nissan Primary colours.
Use of specific logos like Nissan Way, Blue emission, etc.
7 NISSAN STRICTLY CONFIDENTIAL
Other noteworthy aspects of WIN portal
Clean designed tabs, buttons and search area.
Use of Nissan font and colours.
Use of archive system to organize data
8 NISSAN STRICTLY CONFIDENTIAL
Logo display position and sample layout
9 NISSAN STRICTLY CONFIDENTIAL
Design Direction
–Nissan
Newsroom
10 NISSAN STRICTLY CONFIDENTIAL
Design Direction – Nissan Newsroom
The inspiration for this approach is the Nissan Newsroom Europewebsite.
This is a modern looking informative website which is used to communicate information using regular updates consisting of text, images and videos with more dynamic and bold visual approach in comparison to WIN portal.
The website uses Nissan Gray prominently as its primary colour along with other Nissan colours like Red, white and Black.
This website uses modern IT elements like QR code, Social media, etc.
The website has more bold and vibrant approach because of use of lively colours and pictures.
11 NISSAN STRICTLY CONFIDENTIAL
NISSAN newsroom Europe Website
Nissan Wordmark is used here because the website contains corporate information. In case the website content is totally based on Nissan brand, only Nissan symbol should be used.
More modern approach towards the visual and operational aspects of website.
Extensive use of pictures and videos on home-screen to make it more attractive.
12 NISSAN STRICTLY CONFIDENTIAL
Other noteworthy aspects of Nissan Newsroom
Use of interactive dropdown menus.
Use of Images and videos on homepage to attract attention.
Use of advanced search system, display of latest updates on homepage, etc making the website easy to use.
13 NISSAN STRICTLY CONFIDENTIAL
Design Direction
–Nissan Global
website
14 NISSAN STRICTLY CONFIDENTIAL
Design Direction – Nissan Global website
The inspiration for this approach is the Nissan Global website.
This design direction is similar to Nissan Newsroom. It is modern and uses dynamic and bold visual approach to showcase content.
The website uses Nissan Gray prominently as its primary colour along with other Nissan colours like Red, white and Black.
This website uses modern IT elements like integration of blogging, etc.
The website has more bold and vibrant approach because of use of lively colours and pictures.
15 NISSAN STRICTLY CONFIDENTIAL
NISSAN newsroom Europe Website
Nissan Wordmark is used here because the website contains corporate content. In case the website content is totally based on Nissan brand, only Nissan symbol should be used.
More modern approach towards the visual and operational aspects of website.
Extensive use of pictures and videos on home-screen to make it more attractive.
16 NISSAN STRICTLY CONFIDENTIAL
Other noteworthy aspects of Nissan Newsroom
Use of interactive dropdown menus.
Use of Images and videos on homepage to attract attention.
Use of advanced search system, display of latest updates on homepage, etc making the website easy to use.
17 NISSAN STRICTLY CONFIDENTIAL
Internal website digital principles
Nissan Wordmark–Chick Here
Nissan Brand Symbol–Click Here
Nissan Font–Click Here
Nissan Colours–Click Here
Tabs and buttons– In following slides
18 NISSAN STRICTLY CONFIDENTIAL
Tabs & Buttons
19 NISSAN STRICTLY CONFIDENTIAL
Tabs & Buttons