Where do all the broken hearts go?

The Museum of Broken Relationships is a crowdsourced platform for 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 a responsive 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
07

See it in action

What's Brokenships all about? We've summed it up in a short video.

Loading case details

Client work

We design and develop software for venture-backed startups, growing businesses, and established brands. Here are some examples of our work.

Trustworthy

Every day, enterprises from around the world trust Infinum to build their digital products.

Award-winning

Infinum has been recognized as one of the fastest-growing companies in our field. We have received numerous awards for our work in digital design and development and for our commitment to social responsibility.

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

Inc. 5000 Europe 2016 & 2017

Infinum has earned the position on the 2016 and 2017 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.

MIXX 2017

The app that enables opening a bank account without ever physically visiting a branch scored the Best Tech & Innovation Award at Days of Communication 2017. The app was developed in collaboration with HPB.

Best HR practice

We won a high second place at the prime HR conference in Croatia. It was for our initiative through which we aimed to educate students how to develop for modern web and mobile technologies.

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.

SoMo 2016

A mobile banking app through which you can open up a bank account won the Somo Tech award. The app was developed in collaboration with HPB.

Deloitte Technology Fast 50 CE 2013, 2014, 2015 & 2017

Thanks to our consistent growth, we've won four 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.

European Business Awards 2016

The award that aims to promote success, innovation and ethics in the European business community recognized Infinum as a National Champion in its 2016 competition.

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.

eStudent Zlatni Indeks 2014, 2015 & 2016

Zlatni Indeks is an award given by university students to companies that make the biggest impact on student's lives. For three years in a row we were recognized as providing support for students either through internships or through student-related projects.

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.

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

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