Mikael Jergefelt

Librarian & Web Developer / mike@redvolume.com


I'm Mike, a web developer and medical librarian working at Karolinska Institutet. I try to create the best user experiences possible, both physical and virtual, using humour, friendliness, web technologies and good design.


Progressive Web App

Color Heroes Game

Got so tired of the ads, in-app purchases and tracking aimed at my kids, so I made this color guessing game using progressive web app technologies. Adults like it too!

Link GitHub


Better Bootstrap Dropdowns

Good looking and accessible dropdowns for menus, select boxes and menu buttons that just work no matter if it's mouseover, keyboard navigation, screen reader or mobile.


Interaction design

Select your answer

Prototype user interface to replace classic radio buttons in questionnaires or surveys. Tapping the buttons to answer slide in a selection panel to avoid clutter.


Mobile first

Conversational UI

Scientific referencing guide web app to be a second screen tool when writing papers, experimentally reimagined with a conversational user interface for a more engaging experience to consume content.

Demo UI Reference guide GitHub

Mac app

Physical Web Broadcaster

Share links from your computer using this Mac OS X app to broadcast them as a Physical Web Eddystone URL bluetooth beacon or mDNS.


Front-end design

Swedish MeSH

Design, code and UX for the new responsive website of the Swedish translation of MeSH (Medical Subject Headings), a controlled vocabulary thesaurus used for indexing articles for PubMed.



Slide Beacon

Minimum viable prototype for sharing URL's in presentational slides with a Physical Web (Eddystone) beacon, making the current Reveal.js slide link only a tap away for the audience.



The Physical Web

I've been experimenting and prototyping with different Bluetooth beacons to improve library UX during 2014-2015. This has so far resulted in an article for Weave: Journal of Library User Experience and contributions to the Physical Web project.


Motion design


Self-correcting quiz for students who want to test their knowledge about seeking health science information. Motion and animations are used to create a more fluid and smooth experience.


Internet of things

Window light color controller

Hardware experiment with Tessel microcontroller to let anyone change the color of LED lights in my window through a web app, to which the URL is discoverable from a Physical Web bluetooth beacon. Great fun for neighbours!

Video GitHub


KIB Mobile

studentsresearchers Library

Native app for Karolinska Institutet University Library launched in 2011. Updated up to iOS7 and Android KitKat, iBeacons functionality was in the works before it was discontinued in favour of a responsive website late 2014.


Redvolume Records

Red Volume Records

I started Sweden's first dubstep record label in late 2006, and it's my main outlet for abstract graphic design and photography.

Link Spotify



Abandoning Native Apps to Become Future Friendly

Journal of the European Association for Health Information and Libraries, 11(2), 36-38.

Native apps have become the norm of mobile interaction with digital services, but it’s an expensive way to reach users. With responsive web design, a more inclusive and accessible experience can be crafted for all mobile users instead of just a majority. This article describes the move from a native library app to a responsive website, and why it is right for the future.

An Internet of Pings: Enhancing the Web User Experience of Physically Present Patrons with Bluetooth Beacons

Weave: Journal of Library User Experience, 1(2).

If you agree that the website is the primary interface for getting things done in a library, you probably also agree that if it were practical to put usable hyperlinks on actual objects or areas that provide fluid access to their virtual equivalents, the endeavor would be worthwhile. While there are creative examples solving this with QR codes and digital signage, these solutions only solve part of the problem: the hyperlink. There are still issues of usability, user experience, and accessibility, especially for visually-impaired patrons. I’m writing this to propose another solution, built on Bluetooth: beacons.

Swedish MeSH Goes Mobile

Journal of the European Association for Health Information and Libraries, 8(1), 34.

News from the MeSH Special Interest Group.

"Why so Serious?" – a Qualitative Study of Public Libraries’ Use of Facebook

University of Borås/Swedish School of Library and Information Science (SSLIS)

The purpose of this bachelor thesis is to describe how Swedish public libraries use the online social network Facebook and its functions. Our focus of this study lies on how the librarians use the network and what experiences they've made.