Aftenposten

Aftenposten desktop Aftenposten desktop article Aftenposten mobile

In the redesign of the norwegian newspaper Aftenposten I emphasized visual measures to build brand identity and untity between the different channels (mobile, tablet, desktop and paper).

  • User Experience Design
  • HTML
  • CSS
  • Javascript

Aftenposten was the first of the norwegian national newspapers to use the same fonts on all channels. (Publico Headline and Clan OT).

A single column layout was introduced instead of the three column layout. We had seen that the lines created by the column blocked the reader from scanning over the content in column two and three. By placing all content in rows and introducing up to 20 different templates for each row we expose all the content to the reader.

The layout for the article pages have much whitespace to complement the newspapers serious identity and to improve readability. It is split in two columns. The left column is for desked content. The journalist can drag related images, quotes, maps, videos, polls and other multimedia items into the body text. The right column is for content provided automaticaly by the CMS. Articles have comments provided by Disqus or Facebook. We have also provided a moodboard where the reader can give fedback the mood he or she felt when reading the article.

Exposing the reader for more relevant content was important, but lack of good metadata was a problem. To remedy this we added links to most shared articles and other articles from the same section.

While the desktop version of the page is desked by a journalist, the mobile version is an automatic layout using the desktop version as the source. To achieve a good layout the page utilizes flags to set the correct layout depending on for instance only one of the articles in each row has an image, or the template used in the desktop version has an uneven number of articles etc. The design for the mobile version is partly responsive and can serve as a starting point for a new responsive version of Aftenposten.

NIL

NIL frontpage NIL company page

The website for Norske interiørarkitekters og møbeldesigneres landsforening displays news and events for the norwegian organization for interior and furniture designers. Every member is allowed to have a portfolio and register his/her company.

  • User Experience Design
  • HTML
  • CSS
  • Javascript
  • Drupal
  • PHP

A large slideshow dominates the front page. Readers understand that this is not just an organization site, but a site that displays examples of great design. Members get an incentive to add their portfolio.

A large search field is placed at the center and allows for searches for companies, specialities, persons or geography.

 

Oslopuls

Oslopuls Eik

Oslopuls was my first big project at Aftenposten. It is a news site for culture and a guide to events, resturants and scenes in Oslo.

The site won Silver for Best Overall Site Design at the SNDS conference 2009.

  • User Experience Design
  • HTML
  • CSS
  • Javascript

 

 

BT.no

BT front BT article

The web site for the newspaper Bergens Tidende was the first project for Media Norge's new framework for Escenic 5. It uses a 980 grid created by Jonas Nilsson and me.

  • Interaction design
  • HTML
  • CSS
  • Javascript

The redesign gave BT a new layout but kept the visual branding and header from the previous version. I removed the columns and created a singe column layout where content is laid out in rows. The journalists can choose between approximately 20 different templates for each row.

A sticky header appears on scroll. This provide access to the main sections of the site, but more importantly it keeps the site «branded»

When the user approaches the bottom of the text, a box slide in from the rigth with a tip for another relevant article.

Aftenbladet.no

Aftenbladet front Aftenbladet energi

Redesign that kept only the visual branding and header from the previous version.

  • Interaction design
  • HTML
  • CSS
  • Javascript

 

 

Fvn.no

FVM front FVN cartoon

Redesign that kept only the visual branding and header from the previous version. The agency Agens will create new graphic design for the site in . The upgrade will also add some new functionality.

  • Interaction design
  • HTML
  • CSS
  • Javascript

 

 

SNDS conference Oslo

SNDS SNDS SNDS

Web site for the Society of News Design Scandinavia 2010. A single page layout where an animated scroll takes the reader to the different portions of the page.

  • User Experience Design
  • HTML
  • CSS
  • Javascript

 

 

Mamma.no

mamma mamma

Web site for the magazine Mamma.

  • User Experience Design
  • HTML
  • CSS
  • Javascript
  • Drupal
  • PHP

 

 

Osloby

Osloby Osloby

Osloby is the successor to Oslopuls. It was released in summer 2012. In 2013 it won Local web site of the year

  • User Experience Design
  • HTML
  • CSS
  • Javascript

 

 

Landaasen

Landaasen Landaasen

Home page for the rehabilitation centre Landaasen.

  • Drupal
  • PHP
  • User Experience Design
  • HTML
  • CSS
  • Javascript

Modern flat design inspired by Windows 8 tiles. Top image has a Ken Burns effect :-).

Responsive layout. Site scales to mobile view.

Aftenposten

mamma mamma mamma

The version of Aftenposten preceding the version relased in . The design was a continuation of work done by Thomas Aalerud. Aftenposten won Site of the year for 2008.

  • User Experience Design
  • HTML
  • CSS
  • Javascript