Yonder Music

Yonder Music Hear Forever

1

The Background

Yonder Music is a highly localized music streaming service in Asia, offering subscribers to Yonder’s partnered mobile networks with commercial-free access to millions of songs to stream, download and share. A first in digital music, Yonder offers its core streaming service to subscribers for free by shifting the cost responsibility from the user to the mobile network providers. Its existing native applications were hampered by a less than ideal design that drove many users to seek out digital music elsewhere.

Code and Theory partnered with Yonder to help with the digital reimagining of its native applications (iOS and Android). Over an extensive timeline involving strategy, user-experience and visual design, we worked together to create a one of a kind mobile music experience that demonstrated the enormous value of Yonder’s product offering.

yonder image1.png

2

The Challenge

Since its launch in early 2016, Yonder grew rapidly to over 1 million users across Malaysia, Indonesia and Bangladesh, but struggled to retain its existing customer base due to usability challenges within the app.

Major Challenges in the App

  • Feature overload. Users didn’t understand the value or functionality of the various features and didn’t know where or how to access them.
  • Many users experienced frustrations and confusion when inaccurate content was recommended to them or downloaded to their devices without their consent.
  • Key discovery features such as search were not functioning properly.
  • Yonder’s editorial voice was nearly non-existent.
E998fefd13d3f0374b72097db1f033adbadfe483

3

Experience Insight

It's All About the Content

We realized that we needed to consolidate all the discovery features for user ease into a single section of the app, and reduce all the unwanted and superfluous secondary features. We focused on making a robust editorial voice and suggestions that helped the users. More than anything, a functional search would be critical to users who are interested in easily finding the music they want to hear.

A Personalized Experience for Every User

Conscious of the fact that music is personal, and interests vary based on territory, age and individuals, we started looking into new content suggestions that could be offered to users. People love to connect with other music fans and artists, share playlists, and feel like part of a community, which was further encouraged by our playlist curation features, and karaoke.

Yonder img4.png

4

The Solution

A Simplified Experience

When envisioning a ground-up redesign, Yonder sought to increase music track-plays and user retention across all territories, as well as offer a unique music experience unlike any other. Solving these issues required several factors to come together. A ground-up reimagining of the app experience was needed, with a critical focus on search, and including the introduction of new innovative features.

A simplified experience backed up by a clear app structure and user-centric navigation for users served both existing and new user bases. We allowed users to explore the app without the burden of registration, for simplified accessibility.

New and Innovative Features

We also introduced a few new features. A new core Karaoke feature, with a low barrier of entry and a highly-consumptive and shareable format, made for a highly adductive and community building experience for the users. Users would be able to then share 29 seconds of their recordings with other Yonder users and on their favorite social networks. In addition, the format encouraged community interaction through liking, sharing, and duets. The highly customizable clips and static or animated stickers enabled extra visual dimension to the performances. Local artists could contribute and collaborate through the karaoke, promoting the local cultural environment, and catalyzing exposure. Song lyrics synchronized to the music playback whenever they were available by license.

Yonder img2.png


Personalized Experience for Every User

We were resolved to form a one-to-one relationship with every user and retain them through personalized features and content recommendations. The experience would be enhanced through in-app messaging, meaningful content recommendations, and features that adapt and optimize based upon each user’s interests and usage. We provided Yonder with the toolkit to plan, manage, publish and optimize content to deliver contextually relevant personalized experiences.

Yonder single img2.png

5

The Conclusion

A Rich Future of Possibility

With a future-facing visual design, a clear and user-centric experience design and the inclusion of a fully-socialized Karaoke feature, Yonder has differentiated itself from its digital competitors. The application now holistically supports Yonder’s ambitions to scout local talent in each of their active territories while delivering a best-in-class core music streaming experience that boasts a global library of popular music along with locally-popular independent musicians. Using their newfound editorial voice in a gorgeous and simplified Discovery experience, Yonder serves every user in each territory fresh and exciting music while building a an incredible library of UGC through their community of in-app Karaoke singers.

Yonder is poised to expand into many new territories across Asia and Africa, with their applications now earning fantastic reviews in their respective app stores. Additionally, Yonder is in early planning phases for an international-scale, live-activation of the Karaoke feature which will use the application as the exclusive vehicle for entry/participation which would position Yonder as a territory-leader in connected digital/physical music experiences.

Defining the Route of Fashion

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Gawker 2
Bustle Digital Group - Gawker

Gawker | Don't call it a comeback.

An entertaining and engaging experience, all while still bringing a touch of class and sophistication.

Read More

Evolving the Financial Services Model

We’re transforming an antiquated industry through cutting-edge design and driving the future of finance forward.

Spotify Feature
Spotify

Artists don't just make art. They make money too.

Building a bigger funnel to help artists grow on Spotify.

Read More
College Board| Positioning the College Board as an Integrated Partner for Students

Transfiguring an integrated student, parent and educator experience

<p><strong>Transfiguring an integrated</strong> student, parent and educator experience</p>

Transfiguring an integrated student, parent and educator experience.

Read More
Rally| Elevating The Site Experience For a Crypto Pioneer

Elevating The Site Experience For a Crypto Pioneer

<p><strong>Elevating The Site Experience</strong> For a Crypto Pioneer</p>

Elevating the site experience for a crypto pioneer.

Read More
Coned Additional
ConEd

Building a future vision for Clean Energy in New York

ConEd tapped us as AOR to lead an integrated, purpose-driven marketing partnership to educate a multitude of audiences

Read More
  • A new brand strategy that ties ConEd’s clean energy vision to its purpose
  • An integrated creative campaign to showcase ConEd’s clean energy vision to its customers
Award WebbyW3 0031Ad Age 0023

Recognition

  • Code and Theory

    Webby Awards

    2022 Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    2021 Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    2020 Agency A-List

All Work

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions

Says a Lot —

Latest

News — 

Ad Age | Marketing In The Metaverse —What Science Fiction Can Teach Brands About Web3

News — 

Code and Theory’s Dan Gardner named Campaign US 40 Over 40 honoree

News — 

AIGA Eye on Design | The Era of Rebellious Web Design Is Here

News — 

Webby Awards | Code and Theory Named Webby Winner in 26th Annual Webby Awards

News — 

The Drum | Adland's reaction to Musk's $44bn Twitter deal: 'a major disruption to its ad business'

News — 

ESPN | Washington Commanders: Inside the NFL franchise's search for a new nickname and logo

News — 

The Washington Post | Becoming the Commanders: How Washington's NFL team found its new name

News — 

Ad Age | Washington Football Team Becomes the Washington Commanders

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions