We created Qibla Finder, a progressive web app which uses a phone’s compass and GPS to accurately find Mecca, then the phone’s camera and augmented reality to quickly point users in the right direction from anywhere in the world.

To make it accessible to all, our idea was to design Qibla Finder so that it would only use the data and features any device was capable of, an important feature in countries with hardware and data constraints. The goal was to have the app live open and free on the web, work on a wide range of devices, and exist in multiple languages. We wanted to use complex technology, such as augmented reality, to create a simple and intuitive user experience.

Although the resulting user experience is simple, the technology needed to create it was complex. Qibla Finder uses the GPS and compass in a mobile phone, along with the time of day and an accelerometer, calibrated against the curvature of the Earth using the Haversine Formula to create a simple, clear blue line in augmented reality, which points to the Qibla in Mecca from anywhere in the world.

With cutting-edge browser APIs, we were able to bring the functionality of native apps to the web. The app is responsive, progressive, and works seamlessly on a huge range of devices, platforms, and broadband connections.

To help as many people as possible, we made Qibla Finder available in 16 languages. The project was briefed, concepted and created in just four and a half months. It was released during the holy period of Ramadan in June of 2017 and is still used in 206 countries.

- We saw 4 million unique users during Ramadan, of which 1.8 million returned to the site, creating 45% return rate.

- Over 500,000 average monthly users continue to use the site today, long after Ramadan. All organic, with no paid media running.

- We have monthly visits from 206 countries globally.

- +300K Social mentions across FB, Twitter, Instagram and growing.