Prototype — 2018
KMD Ballerup Maps
This fully functional responsive prototype helps employees at KMD headquarters find their way to conference rooms – as an 'MVP' alternative to separate PDF ground plans buried deep inside the intranet. It's a collaboration between myself and a few UX colleagues of mine, in particular Jakob V. Christoffersen who had the original idea and contributed some of the maps and general input throughout the process. I programmed the prototype in HTML/CSS/JS and elaborated on the idea and added features such as search and deep-linking to individual conference rooms for easy sharing.
Website — 2018
Årslev ved Randers
I designed and implemented this website for a small village with a special meaning to me. The brief was a simple, straightforward and informational little site serving both residents and visitors. The site should feel less 'dense' and more inviting than the average small-town site. The result is an image-rich site, with a flat structure, designed in the browser and handbuilt using Kirby CMS for an easily tailored admin experience.
Business app — 2016-17
KMD XForm Next Generation
With a product as KMD XForm, that has been developed over the course of several years, during different eras of technological advancements, the maintainability and updatability proved increasingly difficult. Also, the product is quite technical, so we needed to create tools that were easy to use for regular office workers without an engineering background. In short, we needed to find out how a new generation of the KMD XForm software platform might work and look.
Prototype — 2017
On my own initiative, I created this one-page prototype for the startup Vivera, which operates in the coaching/supervision business. The page is divided into multiple sections such as Services, About, Prícing and Contact.
I presented the design to the business owners, who liked many of my ideas.
The prototype is created using Harp static site generator and Bulma.io CSS framework.
Business app — 2016
KMD XForm TextManager
How could we enable non-technical people to change user-facing form texts such as labels and headings without having to edit source code? The KMD XForm Responsive Editor is a powerful yet quite technical tool where the user-facing texts are buried deep in HTML code. So, we needed a way to extract this content and present it in a less daunting UI suited for easy text editing and translation between languages.
Business app — 2016
KMD XForm modernization
KMD XForm is a product with a long history and it’s age was starting to show. To stay relevant to clients we needed to update the look and feel of the app and in the process optimize the interactions of individual screens and support better workflows. Also, due to a company acquisition we needed to rebrand the product from Capevo XForm to KMD XForm.
Prototype — 2016
Building upon the general idea and prototype work of a UX colleague of mine, I extended his work and created this prototype for locating conference/meeting rooms in my office building.
The maps are created as SVGs in Affinity Designer and the 'webapp' is created using the Zurb Foundation frontend framework and Panini flat file compiler.
Prototype — 2016
When working within UX, there are a lot of tools, methods, pattern libraries and stuff to keep track of. The existing resource repositories didn't provide a to-the-point listing of resources, so I decided to create my own.
It is organized with a few general categories and a tag system. Users can suggest edits and additions via a simple FormSpree.io integration.
Website — 2016
agib.dk style guide
The style guide of this very website. To ensure a consistent, usable design and proper reuse of components, I built this style guide as part of the process of rebuilding agib.dk. The individual style guide pages are created using Harp partials and rendered first visually and next as their HTML source code for quick reference.
Website — 2016
This very website: Designed by yours truly to provide design professionals and others with bits and pieces & tips and tricks about User Experience and Interface Design. Handcrafted using HTML/CSS (Less), Harp static site generator and Sublime Text 3 code editor.
You're already here!
Website — 2015
How can a small, rather old website be refreshed and brought into the responsive age while improving utility and effectiveness for users? Hint: Using zebra-striped 'action points'; By duplicating main navigation both top and bottom on mobile. And by generally cutting back on inefficient 'embellishments'.
Prototype — 2015
Strøm Festival 2015
The original schedule of this music festival was good-looking yet somewhat cumbersome to navigate and get an overview of. So, in as an unsolicited exercise, how could the design be improved in terms of at-a-glance information and efficient navigation – especially on mobile.
Business app — 2014
KMD XForm Responsive Editor
How could we offer clients responsive form solution tools with a short time-to-market? The previous version of the KMD XForm editor wasn't built for the age of responsive web design, where form layout automatically adapts to various screen sizes from smartphones to big desktop displays. To meet market and client demands, that is – in essence to ensure company relevance going forward – it was imperative to quickly develop a tool for creating responsive forms.
Prototype — 2014
Strøm Festival 2014
The original version of this music festival schedule sported an inefficient dropdown navigation and 'dead ends' at the bottom of pages. Thus, I've tried to make a new version improving on those shortcomings.
Prototype — 2013
Playing around with a bicycle manufacturer´s website, I crafted an unsolicited HTML prototype with improved information architecture and navigation design compared to the original design.
Website — 2012
agib.dk - previous version
The previous version of this site, showcasing my work at Tangora and other places. Responsively handcrafted by Andreas G. Ibsen using PHP and SCSS.
Business app — 2011-12
Work at Tangora CMS
From 2011 to 2012, I worked as User Interface Designer at Tangora Software — vendor of content management system (CMS) solutions. During that time, I was involved in designing a new dashboard and an iOS app. Also, I introduced more visual and 'human-friendly' settings alongside a more consistent interaction design and graphical look.