Work


Printix

Product design for Danish cloud based print management fronteers Printix.

View project

Servicelovers

Digital identity and iOS/Android app design for Servicelovers.

View project

VW Service booking

Redesigning VW's service booking flow.

View project

Vivino.com

Complete rewrite of Vivino.com's front-end.

View project

VW Retail

13 car VW dealer websites merged into one.

View project

Semler car dealers

Custom build car dealer CMS, involving more than 300 websites, 17 car brands and multiple portal designs.

View project

Lab projects


I am usually tinkering around with a
couple of side projects or ideas.

Switch/checkbox front-end component

Sometimes you just need custom checkboxes for desktop and switch functionality for mobile visitors. Why? Because you can, that's why!

Demo Github

Wind addict

A fun little screen-scraper wind project I made for myself, to avoid the headache of checking the wind speeds and directions on the local Danish weather service.

Visit website

SinonJS identity

In progress

Character/logo design for SinonJS, a standalone unit testing library for JS.

Visit website

Project history

Over the years I have come across many types of projects and clients. The following list covers some of them.

Semler Retail

I was hired to design and implement the front-end for Volkswagen Retail, a concept combining 13 Volkswagen Retail dealers into a single website.

Website: Volkswagen Semler Retail

Technologies used

HTML5, JS, LESS, Autoprefixer, CSS3, Jekyll, Twitter Bootstrap, Github

Role in project

Front-end developer, Webdesigner, UX Specialist, UI Specialist

Contact

Head of the Internet department, Semler Services A/S Thomas Hansen

Volkswagen Service booking

In an attempt to convert more visits to Volkswagen's website into service bookings, I was assigned to redesign the booking form from ground up, focusing on making things easier for VW's mobile visitors.

My initial thought was to challange the existing somewhat conservative and restricted CI, while maintaining a calm and professional look/feel. Everything was build with a Jekyll/Bootstrap prototype, with a minimum use of Photoshop.

Technologies used

HTML5, CSS3, SASS, Twitter Bootstrap, JS, jQuery, Github

Role in project

Front-end developer

Contact

Project manager Semler Services, Dan Andersen

Semler car dealers

The massive custom build car dealer project, involving more than 300 websites, 17 car brands and multiple portal designs, I helped design and build in 2009, needed a design and functionality overhaul. Focusing on making all websites responsive, Bootstrap was chosen as the front-end framework.

Examples:

Responsibility

  • Updating designs to put emphasis on certain key services and call-to-actions.
  • Updating all brand templates to Bootstrap markup and restyling everything from ground up
  • Building Jekyll prototypes inside the .NET project, to allow the programmers to access the design assets (images, CSS, JS) directly without having to move things everytime changes were made.
  • Building a responsive menu structure to support the 3 levels of pages.
  • Updating form designs by consolidating and cleaning up the old ones, with the main purpose of having better conversion rates on key services.

Technologies used

HTML5, JS, LESS, Autoprefixer, CSS3, Jekyll, Twitter Bootstrap, Github

Role in project

Front-end developer, Webdesigner, UX Specialist, UI Specialist

Contact

Head of the Internet department, Semler Services Thomas Hansen

SEAT.dk - Front-end development tutoring

Teaching fundamental front-end development skills for building a Bootstrap based SEAT.dk from scratch, including understanding HTML semantics, my thoughts on patterns to look for in a design, planning responsive behavior, CSS naming strategies, CSS pre-processor techniques, typography, tips and tricks for styling etc.

Technologies used

HTML5, Twitter Bootstrap, CSS3, JS, jQuery, SASS, Github

Role in project

Tutor

Contact

Project manager Semler Services, Kenneth Bang

Porsche.dk navigation

Minor assignment building a responsive multilevel dropdown navigation for the new danish Porsche website.

URL: Porsche.dk

Technologies used

HTML5, JS, jQuery, SASS, Autoprefixer, CSS3, Twitter Bootstrap, Github

Role in project

Front-end developer

Vivino

During the first part of 2014 I was lucky enough to help Vivino implement their brand new website for Vivino.com. I was in charge of writing the front-end templates from scratch, working closely with the design team and programmers, tying the front-end and back-end functionality together.

Technologies used

HTML5, CSS, CSS3, Jekyll, Twitter Bootstrap, RoR, JS, SASS, Github

Role in project

Front-end developer, UI Specialist

Contact

Founders Theis Søndergaard and Heine Zachariassen

Daniel helped us out implementing our brand new website for Vivino.com. He was responsible for the markup, styling and basic scripting of the new site, working in Bootstrap 3 prototypes and releasing modular segments of the design into the main Rails project.

Daniel did an amazing job, delivering high quality, while communicating clearly on his deliverables. Will use again!

Theis Søndergaard - COO & Co-founder, Vivino

Atea Denmark

I was hired to design and implement a public and two administrative webinterfaces for Atea's tele project.

Technologies used

Photoshop, Jekyll (for prototyping), LESS, CSS, Grunt, JS, Twitter Bootstrap, jQuery, Github, Subversion

Role in project

Front-end developer, UI Specialist

Contact

Sara Amini, Martin Bo, Asbjørn Johansen

Briza Maxima

In this project I designed an online identity for the Briza Maxima girls. Working closely together with Briza Maxima, doing mindmaps and trying my best to get all the girls ideas down on paper, I managed to come up with a design that would represent the girls and their process of working.

Technologies used

Photoshop, Jekyll, GitHub

Role in project

Webdesigner

Volkswagen Denmark

Designing and implementing a web application for an infostand, that would allow customers to sign up for a competition and order a demoride and brochures

The main goal was to keep everything web based to keep the cost of the application down.

Technologies used

JQuery Mobile, HTML, CSS, JavaScript, Photoshop

Role in project

HTML Developer, Front-end dude, Webdesigner

Audi Denmark

Creating a iPad based version of a info-stand for an annual danish auto show. The stand allowed customers to view car specs, price and order a demoride and brochures.

The primary goal was to keep everything web based.

Technologies used

JQuery Mobile, HTML, CSS, JavaScript, Photoshop

Role in project

Front-end developer, webdesigner

Skoda Denmark

Skoda made a quick 'n' dirty implementation of the new CI on skoda.dk because of a tight deadline and hired me to make a thorough review and re-implementation of the the HTML, CSS and JavaScript and give advice on how to optimize certain areas of the site.

Technologies used

HTML, CSS, JavaScript, Photoshop, Flash, JQuery, Prototype

Role in project

Semler Group (Scandinavian Motor Co.)

The project was a ground up redesign of an old web based application maintaining the websites of the 250+ car dealers associated to Semler Group (VW).

I was responsible for designing portal- and public brand sites for 13 car brands, and implementing 25 HTML based templates pr. brand. Furthermore a new CMS/admin system was designed and implemented specially for this project.

Scrum and Agile methods were used in this project. The development team consisted of 2 developers and 1 designer (DAS).

Technologies used

Adobe Photoshop, HTML, CSS, JavaScript, AJAX, Prototype JS, Subversion, FogBugz, Flash

Role in project

Webdesigner, front-end developer

Contact

Head of the Internet department, Semler Services A/S Thomas Hansen

CBS Students

Designing a new website/web identity for CBS Students, and preparing the design for a Drupal implementation later on.

Working closely together with the CBS student board of 8 people, using short release cycles to ensure client satisfaction and prevent any misunderstandings.

Responsibility

  • Identifying the requirements of the site (purpose, style and functionality), acting as an advisor on the structuring of the site
  • Designing the UI based on the requirements and preparing the site elements for the Drupal implementation
  • Collaborating with Drupal developer on implementing the final website

Technologies used

Adobe Photoshop, CMS, HTML, CSS, Drupal.

Role in project

UI Specialist, WebDesigner, HTML Developer.

Contact

Partner Henrik Thorn - IT Kartellet

Telefaction / Danske Bank

The project involved redesigning/skinning Telefaction's telemarketing web application UI for Danske Bank, with a design resembling the Danske Bank CI.

Responsibility

  • Interpreting the Danske Bank CI
  • Designing UI for 6 pages/subpages based on the ideas of Telefaction and the Danske Bank CI
  • Advising on the template implementation into the existing Telefaction web app.

Technologies used

Adobe Photoshop

Role in project

Webdesigner, front-end specialist

Rojabo

The purpose of the project was to develop an online web application for creating personalized training programs for ordinary and enthusiastic rowers, based on the Rojabo fitness models and methods used by the Danish national rowing team, including fitness progress tests and training plans based on goal setting.

The development team consisted of 3 developers and 1 designer (DAS). Scrum and Agile methods were used during the project.

Responsibility

  • Concept developing/prototyping the outline of the initial application.
  • Wire frames/mock-ups/sitemap.
  • Designing UI for public pages.
  • Designing UI for private part of the web app (20+ templates), together with the client using Agile methods.
  • Implementing HTML templates for public and private part of the web app.
  • Debugging.

Technologies used

Role in project

UI Specialist, Web Designer, HTML Developer, Web Usability Specialist, Information Architect.

Contact

Owner Jacob Øjvind, Rojabo.com

Progressive IT

Creating a new website for Progressive IT's based on their new offline CI.

Responsibility

  • Planning the sitemap and structure of the site.
  • Designing the new UI based on interviews with Progressive IT and the offline CI.
  • Creating the HTML templates with SEO and printing in mind.
  • Icons design.
  • Debugging.

Technologies used

Photoshop, HTML, CSS, JavaScript, Ruby on Rails, Textile.

Role in project

Webdesigner, HTML/CSS

Contact

Managing Partner Jonas Buhl Gregersen from Progressive IT

CBS Casecompetition

Designing a new website for the annual CBS Casecompetiton event, and preparing the design files for the online template service "PSD2HTML".

Responsibility

  • Designing 4 templates, preparing the files for both Drupal content and PSD2HTML service.
  • Reviewing the files from PDS2HTML collaborating with a Drupal developer on implementing the final website.

Technologies used

Photoshop, HTML, CSS, CMS, Drupal.

Role in project

UI Specialist, Web Designer, HTML Developer

Contact

Partner Troels Liebe Bentsen from IT Kartellet

Beautiful People

When BP was redesigning their website, I was hired to give advice on how to convert the new design to HTML based templates, including simplifying the design and doing the initial conversion, making example files and the CSS foundation.

Responsibility

  • Recommending ways to optimize the design and how to implement certain problematic parts of the site.
  • Simplifying the design, markup and CSS to prevent massive server load in the final website.
  • Creating templates example markup for the developers based on design files from BP designer.

Technologies used

HTML, CSS, JavaScript, Adobe Photoshop

Role in project

Webdesigner, HTML Developer

Contact person

Lead developer at Beautiful People, Rasmus Gottschau

Volkswagen Denmark

When "face-lifting" volkswagen.dk the old Flash based dealer-map was completely redesigned and implemented on top of Google Maps, ensuring cross device compatibility, and having the flexibility of standardized web formats and technologies.

Responsibility

  • Requirements specification.
  • Planning a prototype based on the initial idea.
  • Wire frames/mock-ups.
  • Designing the UI.
  • Converting the design to templates (HTML and CSS).
  • Debugging.

Technologies used

Adobe Photoshop, HTML, JavaScript, CSS, JSON, Prototype JS, Google Maps API.

Role in project

Webdesigner, HTML Developer

Contact

Project Leader at Semler Services A/S, Internet Department, Kenneth Bang

Volkswagen Denmark

Big project redesigning Volkswagen from ground up based on the new German corporate identity, and migrating from an old VB.ASP implementation to EPiServer CMS.

The development team consisted of 2 back-end programmers and 1 web designer (DAS).

Responsibility

  • Designing 40+ Photoshop designs based on the VW CI working with VW marketing for gradual corrections and approval.
  • Converting designs to HTML and CSS based templates, and preparing dynamic sections for the developers.
  • Optimizing the markup for SEO and printing.
  • Implementing a XML based Flash loader to handle campaigns with streaming/animated content.
  • Debugging - checking and testing the markup created by the developers.

Technologies used

Adobe Photoshop, HTML, CSS, JavaScript

Role in project

Webdesigner, front-end developer

Contact

Project manager at Semler Services A/S, Internet Department, Kenneth Bang

Vertic Portals

I worked for Vertic Portals on various projects, including netdating.dk, alinea.dk and BRF Kredit Christmas Calendar.

Responsibility

  • Designing UI for campaign sites.
  • Implementing standard compliant HTML templates.
  • Basic Flash functionality like carousels, character animations and gallery functionality.
  • Advising in the use of web standards in a Flash focused environment (SEO, printing, portable devices).

Technologies used

HTML, CSS, JavaScript, Photoshop, Flash

Role in project

HTML Developer, Web Designer, GUI Specialist.

Sikkerhedsstyrelsen

Sikkerhedsstyrelsen wanted a new design for their new year campaign site about fireworks and prevention of accidents, fyrvaerkeri.dk.

Responsibility

  • Identifying the style of the UI and the structuring the content.
  • Designing UI mock-ups.
  • Implementing and preparing the HTML templates for the programmers.
  • Implementing a Flash carousel.

Technologies used

Role in project

Photoshop, Flash/Actionscript, HTML, CSS

Contact

Web Designer, HTML Developer, Flash developer

Audi Denmark

Designing and building a webshop for Audi.dk and a admin system for maintaining the shop.

The development team consisted of 1 back-end programmer (consultant) and 1 web designer (DAS).

Responsibility

  • Creating the sitemap for the shop and the admin system.
  • Planning/structuring the flow of buying products.
  • Planning/structuring the use and flow of the admin system.
  • Identifying the design requirements.
  • Designing 20+ mock-ups and building the HTML templates for both admin and public site.
  • Implementing a XML based Flash product gallery.
  • Assisting the developer in implementing the templates.

Technologies used

Photoshop, HTML, CSS, Flash, JavaScript, AJAX

Role in project

UI specialist, Web Designer, HTML Developer, Web Usability Specialist.

Audi Denmark

The purpose of the project was to migrate Audi's Partner-net, to an IBM Lotus Quickplace solution, and updating the UI with the Audi CI.

Responsibility

  • Identification of UI requirements.
  • Designing photoshop mock-ups.
  • Implementing the mock-ups as HTML templates.
  • Assisting a Lotus Developer in the implementation into the final Quickplace.

Technologies used

Photoshop, HTML, CSS, JavaScript, Lotus Quickplace.

Role in project

Webdesigner, HTML Developer

Seat Denmark

Implementing a new seat.dk website inspired by the international seat.com site's CI combined with the Danish content, migrating the website from and old back-end setup to a new one running .NET.

The development team consisted of 1 back-end programmer and 1 web designer (DAS).

Responsibility

  • Designing new UI based on the seat.com design.
  • Implementing HTML templates.
  • Implementing a XML based Flash loader to handle campaigns with streaming/animated content.

Technologies used

Photoshop, CSS, JavaScript, Flash

Role in project

Webdesigner, HTML Developer

Made it all the way down here? You should drop me a line.

Let's talk