digishowcase2

   Here’s a collection of images that focus on a digital design process and working methods. If you wish to view all deliverables of a certain client case, please click the related links on this page.

VISUAL VARIATIONS AND DESIGN PROCESS

SWING/LSCK

Here’s an example of how three initial ideas were developed to logos and website drafts. Read more about LSCK ›

DNA

This concept was based on dna sequencing image.

swing_dna

CONNECTIONS

The second concept was inspired by public transportation maps.

swing_map

SWISS

The last idea was based on the visual language of ”Swiss style”.

swing_swiss

The final brand identity and other deliverables were based on ”Connections”. At this stage, the name was also changed to Life Science Center Keilaniemi. Logo and website designs below.

LSCK_LOGO LSCK2XIPAD

ENERGO

This collection of layouts shows the various versions and steps that preceded the final design. Read more about Energo ›

energo_sketches

energo1

energo2

Below: Final website layouts for Energo.

energo3energo4

BOLERO

Three design drafts for Bolero and  the final front page design below. Read more about Bolero ›

ipad_BOLERO2

ipad_BOLERO3

ipad_BOLEROblueprint

BOLERO_WEB

RESPONSIVE DESIGN

Nearly all websites are now designed to be viewed and used on different devices. There are several ways to go about this, but they all require an ability to design fluid and dynamic layouts as opposed to static layouts with fixed proportions.

NORDIC LEGENDS

Here’s a basic example of a responsive website that I designed for Nordic Legends. These images show how the same web page looks like on different devices. View the whole case here ›

noe_3screens

noe_mobile

GATE8

The images below were used to show developers how Gate8′s website should adapt to different screen sizes; 1024px, 800px, 640px, 480px and 320px. The last image shows how the Gate8 home page fits on iPad. Read more about Gate8 ›

gate8_responsive

gate8_ipad

 

COMPLEX UI DESIGN

In order to be useful, companies’ websites are turning increasingly into services. When designing a web service I need to understand different use cases, best practices, in addition to messaging and branding to come up with a design that is delightful to see and use.

MOVESCOUNT

These are different graphical assets and styles that I designed for Movescount – a social training diary and planning platform. View the whole case here ›

movescount_assets

mc_move

SUUNTO SMARTWATCH

This is an early smartwatch that used Microsoft’s Spot technology. I designed the user interface graphics including system numerals and fonts for this series of Suunto devices.

suunto_n

suunto_n_screens

suunto_n_fonts