The making of the OSK website

Overview
• Process


We need to create a website that would reflect image of OSK, a modern corporation building top-tier ships. It would also be great to present it as a stable employer, provide information about latest events for the media and procurement information for suppliers.

Defining user scenarios.

osk process 01

Assembling a functionality matrix.

osk process 02

Starting to think over the design concept.

osk process 03

Client: The layout of the main page looks like it’s geared towards an amateur visitor: lots of graphics with unprofessional comments and very little information, especially on the first screen.

Trying again.

osk process 04

Art director: Looks sad.

Deciding to implement a nice sidebar and additional navigation at the bottom of the page so that the entire website can be viewed as a presentation. Adding large photographs to project pages to display ships in all their beauty.

Showing to the client.

osk process 05
osk process 06

The client likes it, but we still need to work on details.

Continuing to think over the main page and project pages.

osk process 07
osk process 08

Assembling a clickable prototype of the entire website to test navigation.

osk process 09

Meanwhile, the structure and the contents of the website change. Updating and accordingly simplifying.

osk process 10

Working on the standard elements.

osk process 11

Typesetting, testing, fixing bugs.

osk process 12

Done.


Order a design...