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.
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.
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.
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.
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.
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!
Atea Denmark
I was hired to design and implement a public and two administrative webinterfaces for Atea's tele project.
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.
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).
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).
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/wowd 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.
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/wowd content.
