Websites

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.

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, Pricing 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.

The design system of this very website. To ensure a consistent, usable design and proper reuse of components, I built this design system as part of the process of rebuilding agib.dk. The individual design system pages are created using Eleventy partials and rendered first visually and next as their HTML source code for quick reference.

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.

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'.

The previous version of this site, showcasing my work at Tangora and other places. Responsively handcrafted by Andreas G. Ibsen using PHP and SCSS.