Project name

Nokia – Responsive Website Concept

Project type

UI, UX, Concept




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.
Dropdown menu close-up. Here you can select the language and search the website.

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.


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

Tablet view

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


Full tablet view.

Mobile view

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