Gamifying Kindness: How we turned a barren Nilgiris hill into a blooming one.

It started with a hill, bare and brown, waiting to bloom. Hill of Flowers began as an initiative by Random Acts of Kindness (RAOK) to revive a small hill in South India’s Nilgiris by planting flowers and employing local women from the Arakadu village. Every flower donated online would eventually become a real one on the hill. But when the project started, the land was empty. There was nothing to see, no transformation yet. The cause was strong, but the story had no picture. And in a world where people expect instant gratification, that was a problem.

Most donation platforms build on emotional imagery or urgent storytelling. This one had neither. The hill was still barren, and results would take months to appear.

So how do you inspire giving when there’s nothing to show?

We needed to make people care about a cause with no visuals, no progress, and no instant proof. So we reframed the challenge. We asked ourselves, what if the donation experience itself could trigger the same emotion as seeing real change? That question shaped the solution. We designed a pixel hill that would bloom in real time. Every flower donated would appear instantly, creating a clear sense of impact. It turned giving from a transaction into participation.

The idea drew inspiration from the Million Dollar Homepage, which made a simple grid feel alive through ownership and interaction. We built on that idea but replaced commerce with compassion. Pixels became a landscape built around feedback, motivation, and behaviour. ‘Gamifying’ was never about turning donations into a game. It was about using interaction design to make generosity tangible. When people could see their act of kindness bloom before them, it no longer felt distant. It felt personal, meaningful, and worth sharing.

The hill became an interactive grid of tiny, pixel-type units, each representing a flower ready to be planted. Users could zoom, pan, and explore the hill through smooth transitions that worked across screens. When a donation was made, that pixel bloomed instantly into a flower, giving clear feedback and a sense of impact.

Every detail guided behaviour. Hover states drew attention, progress counters built momentum, and subtle animations rewarded every action. The interface reduced friction and kept users focused on giving, while micro-interactions made the process feel responsive and real.

Visual hierarchy and spacing brought order and ease. Primary actions stayed clear, and confirmation cues built trust at every step. Feedback loops tied everything together, showing results instantly and keeping users connected to their contribution. The system was also built for scale. Each edition held a thousand flowers, and once full, a new hill was created automatically. This kept the platform fast, steady, and always growing.

Every flower carried meaning. Beyond pixels and patterns, we wanted each donation to feel personal and deliberate. Donors could dedicate a flower to someone they loved, in memory of someone, or simply as a gesture of hope. It turned giving into communication, where every bloom expressed intent.

We introduced five flower types, each representing a reason to give: A Loved One, In Memory Of, Love Nilgiris, Just Because…, and Business For Good. These choices let people decide what their act represented. It shifted giving from a transaction to an expression, adding emotion to interaction and building a stronger sense of ownership.

The design balanced feeling with function. The dedication feature stayed simple, allowing users to choose quickly without losing the personal touch. It showed that thoughtful UX can create empathy as effectively as it creates ease, making the digital act of giving feel tactile yet emotionally resonant.

This project was part of our Design for Good program, where we collaborate with initiatives that create genuine change and need thoughtful design more than a large budget. You can view all our programs here.

→ Visit the Hill of Flowers website here.