AllClear ID is a US company that handle data breaches. They needed a demonstration to show how a bank can protect their users against attacks and how this would impact the user experience. They also needed to show how the support staff would be able to monitor and help a user if they need assistance.
Challenge
Create a fully working demo that showcase the user experience in a bank environment and also demonstrate how support staff is able to monitor and help a user if they need assistance.
Solution
To show off all aspect of what the solution had to offer, we built a functioning bank website with an app that the user are able to confirm or deny any activity that is happening within their bank service. We also built a real time support portal that can monitor any activity in the user bank service.
The solution has been used in many presentations and hands on demonstrations in both Europe and United States.
Promotional image of the AllClear ID application.
Snapshot of the backend with an overview of a user actions.
Part of the support portal, detailing a specific user action.
Some of screens of the bank app added to Invision prototyping tool
Some of screens of the bank app added to Invision prototyping tool
Part of the wireframes developed for application.
A fully functional bank prototype was created for the demo.
meier + kydland is a new dentist clinic in Flekkefjord, Norway. The website main goal is to present the clinic and it's new graphic profile to new and old customers. It should also make sure clients can find them and give them the ability to order an appointment online.
The website is built with Wordpress as the main CMS using The7 as the base theme.
Graphic profile and photos by BRKLYN
Link to website: meierkydland.no
This festival started out in 2006 as a small festival on a field in Kvinesdal, Norway. In 2010 it was the biggest rock festival in Norway with thousands of attendees from all over the world. Sadly the festival went bust in 2012 but now after some years in hibernation, the festival is back!
Challenge
Create a website that promotes the festival and the bands playing in the best possible way and give the audience the information and resources they need to access the festival.
Solution
Since I previously had created the festival website for five year straight, I mostly had the information structure locked down from the beginning. After doing it a few times, you kind of know what information the people need and what type of questions they want answers to. The challenge is more to create a fresh website that gets the audience really pumped to go to the festival. So to do this, I tried to use a lot of images from previous festival for the information section and also use videos on the band presentation. This gives the website a more fresh and living vibe.
The festival is scheduled for July 2017 and with a great lineup, this looks like a winner!
The website was created in Wordpress.
Link: norwayrocklive.no
Kvinesdal municipality just built a new swimming pool with lots of activities for visitors to take part in. This includes a water slide, dive boards up to 5 meters, recreational bathing and much more. There is even a climbing wall for the more adventurous visitors!
The new website we built for the swimming pool is mainly an information site presenting the many areas and functions visitors can find in the building.
Photos by BRKLYN
Link to website: kvinabadet.no
Promon SHIELD is a technology that protect apps and services from malicious attacks. It can also protect and secure remote access from being compromised by a third party.
The company, Promon, needed a full rebrand of their profile and product presentation. The technology is Scandinavian developed and they are very proud of that fact. So to celebrate the Scandinavian heritage, we came to the decision that Aurora Borealis would be a good source to draw inspiration from.
The Aurora Borealis is quite common in the northern part of Scandinavia. Most people who has witnessed Aurora Borealis would describe it as something magical with spectacular colours. We used these colours as inspiration and the foundation for the new colour scheme developed for the Promon brand.
For the rebrand we built a complete new website, developed new stationary, office templates etc. We put the brand guidelines online in Frontify so it's easy for the different offices to access colors, logos, templates etc.
With the new rebranding, Promon now regarded as a serious provider for security products in the smart device market.
The logo developed for Promon Shield.
A completely new responsive website was built using Wordpress as CMS.
The website contains custom illustrations made specific for Promon Shield.
New business cards was part of the stationary developed for the new profile.
New rollups to be used in exhibitions and conferences were designed.
Screenshot of the new online brand guidelines. Effective way to spread the new guidelines to the whole organisation.
This is an example of a White Paper document produced in the new Word Office template.
Trimeriet is a fitness club in Flekkefjord, Norway. They needed some new t-shirts for their members. By using the original logo, we were able to create some fun characters that fit with the theme of the health club.
T-shirt production and photos by BRKLYN
The original logo.
Characters developed using the original logo form.
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 wireframes was created 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.
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!
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.
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.)
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.
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.
Challenge
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.
Solution
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.
Encap Security was recently acquired by Austin, US-based AllClear ID.
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 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.
Promotional poster 'spotted' in the wild.
This is the norwegian version of Kristian Valens Website. You can see it at www.kristianvalen.no
This is the website developed for the American audience. You can see it at www.kristianvalen.com
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.
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.
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. :)
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.
Action shot from the process of extracting the Commodore 64 disc images. The beat and battered 1541 floppy drive actually worked!