Where do all the broken hearts go?

The Museum of Broken Relationships is a crowdsourced platform of stories and items shared by people whose relationships have come to an end. We were engaged to create a digital extension of the museum, and the result is an innovative web app that connects the global community through stories of love and loss.

Brokenships web and mobile user interfaces
Loading case details
01

THE MUSEUM

Since its inception, the Museum of Broken Relationships has attracted much attention from the industry, global press, and curious visitors. In 2011, it received the Kenneth Hudson Award for the most innovative museum. Currently, there are two permanent displays, one in Zagreb and in Los Angeles.

Museum of Broken Relationships in Zagreb
Museum of Broken Relationships in Los Angeles

The walk through the museum is an emotional rollercoaster, a poignant reminder of how fragile relationships can be. Items and stories displayed come in many sizes and forms, each representing a piece of history shared by those once in love. 

Galileo thermometer
A GALILEO THERMOMETER
A plush Snoopy
A PLUSH SNOOPY
A key bottle opener
A key bottle opener
02

A GLOBAL EXHIBITION

Having visited Buenos Aires, Paris, Cape Town, Manila and many more, the museum is a true globetrotter. After exhibiting on over 40 locations so far, the clients were looking for a digital platform where they can showcase museum’s global footprint.

Museum of Broken Relationships around the world
03

BUILDING AN EMOTIONAL PLATFORM

When the client approached us, they were seeking to create a fresh interface for their museum. After a few workshops, the idea for a community-centered platform was born.

Workshops icon
CLIENT WORKSHOPS
System maps and user flows icon
USER FLOWS
Wireframes icon
wireframes
Brokenships icon
Broken hearts
04

A HEARTBREAK MAP

The centerpiece of the web app is a stylized world map outlining breakups and where they’ve occurred. As relationships separate, the idea behind the map is to unify. The underlying tone is to show website visitors they’re not alone.

A map of pinned break-ups
05

SHARing a STORY

To share a break-up, a visitor needs to pin a location to a map. Optionally, they can write their emotional experience and attach a photo. Because visitors share intimate details, all data is anonymous.

Share modal

If it’s too painful to share a story right now, visitors can write it down and put it under a lock for a certain period of time. The story will be shown as locked, giving them much-needed time to confront their emotions.

User stories and locked stories interface elements
06

AN ISOMORPHIC APPLICATION

Web technologies for the project were chosen with care. The web app was built using React, Redux and the API was implemented using the JSON API standard. We used Webpack to bring all of this together so it doesn’t ”drift" apart. To make the site snappy and fast, we added server side rendering - making it an isomorphic application.

React logo
Webpack logo
Redux logo

Client work

We design and develop software for funded startups, established companies, and partner with agencies big and small. Here are just some examples of our work.

Trustworthy

Every day, large companies and brands trust us to design and develop their digital products.

Award-winning

 We won numerous awards for best website, mobile app, design and other work. We were also awarded the fastest growing company in our field or for social responsibility.

Industry award
Website award
Human resources
Mobile and brand awareness
Best mobile web and app
Mobile and brand awareness
Human resources (2)
Industry award (3)
Website award
Best mobile app
Website award
Developer award
Mobile app award
Best mobile app
Mobile app award
Mobile app award
Mobile app award

Inc. 5000 Europe 2016

Infinum has earned the 210th position on the 2016 Inc. 5000 Europe, Inc.’s ranking of the fastest-growing privately held companies in Europe. We now share a pedigree with Intuit, Zappos, Microsoft, Pandora, Oracle and dozens of other prominent U.S. alumni.

Awwwards

In 2015, the redesign of our company website bagged us another Site of the Day Awwward. This globally recognized award acknowledges the talent of the best web designers, developers and agencies in the world.

MojPosao best employer 2015

We've been named the best employer in Croatia in 2015. The award is the result of an anonymous survey of our own employees organized by an independent third party.

MIXX 2015

Zagreb Be There, an app we produced in collaboration with agencies Brlog and Bruketa & Žinić OM, won the 2015 MIXX award in the Mobile (phone & tablet) category

SoMo 2014

One award just wasn't enough, so we won two at the Weekend Media Festival 2014 - one for Best Mobile Website with the Papaya Club and one for Best Mobile Application with the mobile banking application Erste Queueing.

MIXX 2014

We absolutely stole the show by winning first prize in two different categories – in Mobile with Queueing app and in Brand Awareness with Erste Smart Card website.

eStudent Zlatni Indeks 2014 & 2015

Zlatni Indeks is an award given by university students to companies that make the biggest impact on student's lives. For two years in a row, we were honored with this award in the category of Internship, giving students the best experience of their potential workplace.

Deloitte Technology Fast 50 CE 2013, 2014 & 2015

Thanks to our consistent growth, we've won three consecutive Deloitte Fast 50 Central Europe awards. This prestigious annual award honors the fastest growing Central European technology companies, based on the percentage of revenue growth over the five-year period.

Awwwards

The Greyp Bikes website we built won the award for the Site of the Day from Awwwards, a globally recognized award that acknowledges the talent and effort of the best web designers, developers and agencies in the world.

SoMo 2013

The mobile banking application Erste mBanking we built received the award for Best Mobile Application SoMo fighter 2013 at the Weekend Media Festival in Rovinj.

Websi

We won 5 WEBSI 2013 awards for our own website. The awards were for: General Web Champions WEBSI 2013, Best Design, Best UX, Best Content and 1st place in category Corporate Website.

Samsung Global Developer Challenge

We applied for the Samsung Global Developer Challenge, and won the 1st place in a category and a $100.000 cash prize

Erste Finnovation 24-Hour Hackathon

For this hackathon focused on financial apps, our team programmed and designed for 24hours straight. Our app, EasyMoney, won the first prize - 4 x EUR 1337

Vidi TOP 100 2012

The Vidi Awards 2012 - best mobile application in the region for Erste mBanking, and the only company with 2 applications in the top 10.

VIP Android Challenge

Mobile carrier Vipnet organized the 'Android Challenge' contest, and we won a prize with a local radio app called 'Listen to Radio'.

T-Mobile 'Be Creative' Contest

Mobile carrier T-Mobile organized a mobile developed contest called 'Be creative', we applied and won a prize with local tram schedule app called ZgTram.

Mobitel M:Android contest

We won 3rd prize with our local radio app 'Brez Frekvence' in the Mobitel M:Android contest, organized by mobile carrier Mobitel.

Industry award
Website award
Human resources
Mobile and brand awareness
Best mobile web and app
Mobile and brand awareness
Human resources (2)
Industry award (3)
Website award
Best mobile app
Website award
Developer award
Mobile app award
Best mobile app
Mobile app award
Mobile app award
Mobile app award
Greetings from our lovely team!
1/4
Achievement unlocked
Resize Master