Fearnley Offshore Supply is a ship broker in the oil industry.
Challenge The system they were using was very old and they had to use several different systems to find the information they were looking for. Updating the database was also a challenge as again you had to use multiple updates tools to do it. They wanted to create a tool for collecting information and enter/edit data in their database in one place. They also needed a public portal for potential clients to visit.
Solution It was early clear that we needed to create a new backend built from scratch. We worked closely with the client to map out what was needed for them to work as efficient as possible.
I started by creating sitemaps based on the input from the client. Then I started creating wireframes in Illustrator and putting them into InVision for the client to test and verify the progress.
After the initial wireframe prototype was approved I moved on to start building a prototype in HTML using the Bootstrap framework. When the prototype was approved by the client stakeholders, the developers started working on building the backend and connecting the frontend.
I was in charge of the UX and Design of this project working closely with developers and stakeholders throughout the project.
Fearnley Offshore Supply redesigned homepage.
The public part of the website were visitors and clients can check latest fixtures, availability and requirements of vessels around the world.
A few of the backend pages.
The initial prototype built in illustrator and fed into the InVision prototyping tool.
Presentation of data in the back-end.
A page from the backend tool were the client can register and update their database.
De Ubrukelige (The Useless)
A friend of mine is a filmmaker in his spare time. He makes small local movies with local actors. These movies have always been a smash hit in the local community.
On his latest project he needed some designwork done for for various props to be used in the movie and asked me for help.
This was a pretty fun project to work on as many of the props and design could have different styles, almost like small projects of their own.
The movie had premiere in January 2016 to great success!
The first thing I designed was the t-shirts. This was the logo of the hair dresser saloon that is the homebase of the main characters. The director wanted it to be a vintage logo with Miami Vice colors.
Movie stills with the t-shirts and logo displayed. (Sorry for low-res stills.)
The main event of the movie is a talent show. The talent show has a big reward which is a big draw for the main characters. The poster inspired by recent tv shows like idol and talent shows.
Movie stills from the talent show in the movie. We also produced some scene banners based on the poster design. (Sorry for low-res stills.)
When I created the poster, I did not have much to go on other than a few photos of the the main charactes taken by a mobile phone. The director did not provide much direction other than "hollywood style" poster. When creating the poster, I drew inspiration from the movie poster for Sicario which I really liked.
Of course the film premiere needed a special brewed beer with custom label.
The beer label is based on the poster with some endorsements from a couple of characters in the movie.
Document viewer concept
This was a challenge from a software company to do a redesign of their Document Viewer for a mobile application inspired by their new redesign.
The application is a companion to their new office suite were you can keep an eye on documents that is important to you.
My concept is inspired by social media feeds.
Closeup of the application.
Some more screens of the redesign.
The creative process when doing the redesign.
Explanation of the design to reviewers.
Encap Security is a company that has developed a smarter authentication method when logging in to secure services like a online bank service. The basic idea is that you use a smart device, like a smart phone or pad, to generate unique keys when you sign in to a secure service.
Naturally their technology is hidden and not noticed by the regular user so it's important for them to demonstrate how their system actually can work to their customers and clients. To demonstrate their authentication method we created a "fake" online bank called West Springfield Bank with some basic functionality. We also created a mobile application to simulate signing in and authorize transactions.
The mobile app also feature a mobile banking experience, complete with a device registration, One-Time Password setup and TouchID for sign in and transaction authorization sequence.
A typical scenario where you use your smart device with TouchID to sign in to your online bank service.
The website is built with Bootstrap using a mobile first approach.
Some of the screens designed for the mobile app.
Internet For All
Internet For All is an Android application created for a client of VRTKL Consulting. The application was launched in the Asian marked.
The app gives you free access to services like Facebook, YouTube etc. if you are not connected to the Internet via WiFi.
The application will also provide a statistic of your usage and ability to top-up your phone card.
My role in this project was to do the UX and visual design
A promotional shot for the app in use.
Always good to get the application flow down before start wireframing.
This is the wireframes created for the application. Wireframes was approved by key stakeholders before the design and development of the app began.
We added a small tutorial when the app is started for the first time. The tutorial explains the basic use of the application.
This is some of the screens in the application.
Small guide to the app walkthrough for the developers.
This is the 'design cheat sheet' created to help the developers build the application with easy access to color codes, typograpy etc.
The Norwegian comedian Kristian Valen was setting up a new show and needed new marketing material. The show is called “From Hillevåg to Hollywood”, which reflects on his amazing career.
I created the poster first in collaboration with Kristian who had a clear idea what he wanted. The key words were classy but still with a funny undertone. He was very happy with the result.
The other marketing material including websites were based on the profile developed for the show.
The show is now being played to sold out venues across Norway.
Promotional poster for the show in Kristiansand autumn 2014.
Social media promotion for the official Facebook page.
Paper ad for the show in Norways biggest newspaper; VG.
11 meter high promotion on a hotel venue.
Roskilde Festival 2014
I visited Roskilde festival in 2013 with some friends for the first time and had a great time. When Roskilde launched a competition to design the official t-shirt for 2014, I jumped at the challenge.
I had some initial ideas I played around with but I wasn't really happy with any of them. Then the idea for the guitar pick came back from the "Kvina Rock" project that I had worked on a couple of months before. Since that didn't get anywhere I felt that symbol would be great for the Roskilde Festival.
I played around with the typography, added some 'grunge' and voila, I got something that I felt could represent the festival. I submitted my design competition and it was selected as one of the ten finalists to be voted on. After a few weeks of voting, my design was the most voted on and I won the competition. Now that was pretty cool!
The final logo symbol for the Roskilde Festival 2014.
The winning t-shirt design.
The festival added the symbol on many of the official products.
It's not everyday a royalty wears your design, so it was cool to see my design be worn by the Crown Princess Mary of Demark visiting the festival with her husband.
Kvina Rock Weekend
A friend of mine had this idea to arrange a rock weekend in the spring of 2014. The basic idea is to get some local and national bands together and have a big party.
As many ideas, this sounded good on paper but to really make it happen requires a hell of a lot of work. Unfortunately, the idea never got off the drawing board.
However, I made the branding for it, with logo, t-shirt and a poster to try and kick off the project, but it went nowhere.
The municipal logo have a shape similar to the guitar pick, so I put two and two together. :)
The logo and color profile developed for the rock weekend event.
The t-shirt design with the events symbol on the left side and the logo of the venue on the right side.
Backside of t-shirt displaying bands playing at the event.
The teaser poster design.
Rammstein MacBook Decal
This is a MacBook decal I made for the band Rammstein's competition for their 20th anniversary.
The idea is pretty simple, keep the design expression of Rammstein, but add something to make it stand out.
I made the bands logo as a cut out from a logo-inspired shape and this would go over the Apple light on Macbooks. The idea is that the light will shine through the cutout logo.
I would personally buy one. :)
Some friends of mine is playing in a band called Traveling Wildbuddys. The music style they play is a mix of rock and bluegrass.
They needed a new logo so they called me. I came up with a logo inspired by the old west type design. I also created some merchandise ideas and poster/billboard design.
Blast from the past
BLAST FROM THE PAST
In the mid eighties, I was very much into the Commodore 64 demo scene. A 'demo', as we called them, consisted usually of music, scroll text and some moving objects. The more advanced and cool the demo was, the more respect you got in the community. My demos were not really advanced, but they were my first dips into design work.
Me and a friend could sit for hours programming demos that we sent to other friends on 5¼-inch floppy discs in the mail. In this pre-internet era, good information on how to program in assembly code was very difficult to find so we had to reverse engineer other peoples work and try to figure out how things worked.
"Creating and programming these demos has really helped me in later years when it comes to understand and read code and how computers work in general."
Recently these demos was 'lost' on old 5¼-inch floppy discs that had not been used for 25 years. I bought something called a ZoomFloppy from Retro Innovation as a last resort to try and save some of the work we did. This means to hook up a 1541 Floppy Drive to a USB port and transfer the content from the floppy's to your hard drive.
My friend had an old and beat up floppy drive that I never thought in a million years would work. But amazingly it worked! We managed to get disc images from all the discs with our hard work on. It was truly a trip down memory lane.
Little Horror - Lightforce
Leviathan Music - Lightforce
Dragons Lair II Music - Lightforce
Delta Music - Lightforce
Action shot from the process of extracting the Commodore 64 disc images. The beat and battered 1541 floppy drive actually worked!