About
Project name

Nokia – Responsive Website Concept

Project type

UI, UX, Concept

Platform

Web

General

So I was bored again the other day and decided to redesign the current Nokia website. I thought that Nokia needed a modern and clean website.
Responsive. What else?
So here are some mockups of the main page and a product page (Lumia 920) on couple different devices. This is not the official Nokia redesign and I’m not associated with the Nokia team in any way. It’s just a concept.

Featured on Behance

Formerly webdesignserved.com

Main page

S o you start on this page. The layout is unobtrusive with a lot whitespace. The header is pretty small with a dropdown menu for the language selection and search. The main navigation menu is on the left. The top of the page has a large slider that flips through new products with a familiar windows phone loading bar.

 

Another example for a different product with the slider.
01c_nokia_redesign_start
Dropdown menu close-up. Here you can select the language and search the website.
01b_nokia_redesign_start_dropdown2

Product page

The product page has the selected device at the top of the site.
At the features section you can click on the “hotspots” too get more information on each feature.

02_nokia_redesign_lumia920

Hotspot close-up on few features.
02_nokia_redesign_lumia920b
Another example for a clicked feature “hotspot”.
02_nokia_redesign_lumia920c
Tooltips for the main features on the HERE apps.
02_nokia_redesign_lumia920d

Tablet view

The navigation on tablets gets horizontal. So you just swipe the content.

03b_nokia_redesign_tablet03_nokia_redesign_tablet

Full tablet view.
04_nokia_redesign_tablet 

Mobile view

The mobile site resembles a Windows Phone’s typical navigation style.

05_nokia_redesign_phone