Portrait of Khalid Hasan Zibon

Saawt

Saawt

Tuning into Diversity: Crafting Saawt's Streaming Experience

Tuning into Diversity: Crafting Saawt's Streaming Experience

Designing a User-Centric, Multicultural Audio Experience for Emerging Markets

Designing a User-Centric, Multicultural Audio Experience for Emerging Markets

Entertainment

Android

iOS

Web

My Role & Project Info

My Role & Project Info

My Role & Project Info

My Role

UX & UI Designer

My Role

UX & UI Designer

My Role

UX & UI Designer

Team

Freelance

Team

Freelance

Team

Freelance

Industry

Entertainment

Industry

Entertainment

Industry

Entertainment

Timeline

2019

Timeline

2019

Timeline

2019

Saawt

Tuning into Diversity: Crafting Saawt's Streaming Experience

Designing a User-Centric, Multicultural Audio Experience for Emerging Markets

Entertainment

Android

iOS

Web

My Role & Project Info

My Role

UX & UI Designer

Team

Freelance

Industry

Entertainment

Timeline

2019

01

What?

About Saawt

01

What?

About Saawt

01

What?

About Saawt

01

What?

About Saawt

An audio streaming platform designed for Middle Eastern and South Asian users

An audio streaming platform designed for Middle Eastern and South Asian users

Saawt is an audio streaming platform designed for Middle Eastern and South Asian users, focusing on both general listeners and content creators. The platform offers a seamless music discovery experience while providing artists with a space to upload and manage their content.

02

Why?

The Problem

02

Why?

The Problem

02

Why?

The Problem

02

Why?

The Problem

Creators and listeners in the Middle Eastern and South Asian markets lacked a dedicated platform that catered to their specific needs, balancing content discovery and monetization.

Creators and listeners in the Middle Eastern and South Asian markets lacked a dedicated platform that catered to their specific needs, balancing content discovery and monetization.

Creators and listeners in the Middle Eastern and South Asian markets lacked a dedicated platform that catered to their specific needs, balancing content discovery and monetization.

Saawt’s vision was to create a localized SoundCloud alternative that catered specifically to users in the Middle East and South Asia, where existing platforms lacked language support and regional content emphasis. The client approached me with a broad concept and an unstructured set of requirements. My role was to turn this idea into a cohesive product experience that met business and user needs.

Mahmud
Mamun
Mamun

Artist

Artist

Artist

As an independent artist, I need a simple yet powerful tool to upload and track my content’s performance, so I can reach my audience without technical barriers.

As an independent artist, I need a simple yet powerful tool to upload and track my contents performance, so I can reach my audience without technical barriers.

How Might We...

Make content uploading effortless while maintaining robust metadata features?

Ensure seamless discovery of regional and global audio content?

Bridge the gap between artists and listeners with personalized recommendations?

03

Challenges

And Obstacles

03

Challenges

And Obstacles

03

Challenges

And Obstacles

03

Challenges

And Obstacles

What Were the Challenges and Obstacles?

What Were the Challenges and Obstacles?

Unstructured Requirements

No prior user research or defined feature set.

Unstructured Requirements

No prior user research or defined feature set.

Unstructured Requirements

No prior user research or defined feature set.

Unstructured Requirements

No prior user research or defined feature set.

Lack of User Data

Had to rely on competitor analysis and industry benchmarks.

Lack of User Data

Had to rely on competitor analysis and industry benchmarks.

Lack of User Data

Had to rely on competitor analysis and industry benchmarks.

Lack of User Data

Had to rely on competitor analysis and industry benchmarks.

Cross-platform Consistency

Needed to ensure a unified experience across web and mobile.

Cross-platform Consistency

Needed to ensure a unified experience across web and mobile.

Cross-platform Consistency

Needed to ensure a unified experience across web and mobile.

Cross-platform Consistency

Needed to ensure a unified experience across web and mobile.

Content Management Complexity

The Studio Panel had to balance simplicity with feature depth.

Content Management Complexity

The Studio Panel had to balance simplicity with feature depth.

Content Management Complexity

The Studio Panel had to balance simplicity with feature depth.

Content Management Complexity

The Studio Panel had to balance simplicity with feature depth.

04

How?

The Process

04

How?

The Process

04

How?

The Process

04

How?

The Process

Reseach & Discovery

Reseach & Discovery

Competitive Analysis

Conducted competitive analysis of SoundCloud, Anghami, and Spotify. Ran heuristic evaluations of similar platforms to identify usability gaps.

Competitive Analysis

Conducted competitive analysis of SoundCloud, Anghami, and Spotify. Ran heuristic evaluations of similar platforms to identify usability gaps.

Competitive Analysis

Conducted competitive analysis of SoundCloud, Anghami, and Spotify. Ran heuristic evaluations of similar platforms to identify usability gaps.

Competitive Analysis

Conducted competitive analysis of SoundCloud, Anghami, and Spotify. Ran heuristic evaluations of similar platforms to identify usability gaps.

User Persona

Mapped out user personas based on assumptions and available market data.

User Persona

Mapped out user personas based on assumptions and available market data.

User Persona

Mapped out user personas based on assumptions and available market data.

User Persona

Mapped out user personas based on assumptions and available market data.

Competitors of Saawt

Design Process

Information Architecture & Wireframes

Defined a clear navigation structure for both listeners and artists.

Information Architecture & Wireframes

Defined a clear navigation structure for both listeners and artists.

Information Architecture & Wireframes

Defined a clear navigation structure for both listeners and artists.

Information Architecture & Wireframes

Defined a clear navigation structure for both listeners and artists.

Prototype & Iteration

Created multiple iterations based on usability feedback.

Prototype & Iteration

Created multiple iterations based on usability feedback.

Prototype & Iteration

Created multiple iterations based on usability feedback.

Prototype & Iteration

Created multiple iterations based on usability feedback.

Visual Design

Designed a modern & clean UI adhering brand guidelines, suitable for content-heavy interactions.

Visual Design

Designed a modern & clean UI adhering brand guidelines, suitable for content-heavy interactions.

Visual Design

Designed a modern & clean UI adhering brand guidelines, suitable for content-heavy interactions.

Visual Design

Designed a modern & clean UI adhering brand guidelines, suitable for content-heavy interactions.

Usability Testing

Focused on Studio Panel workflows to improve creator experience.

Usability Testing

Focused on Studio Panel workflows to improve creator experience.

Usability Testing

Focused on Studio Panel workflows to improve creator experience.

Usability Testing

Focused on Studio Panel workflows to improve creator experience.

Information Architecture & User Flow

05

Outcome

The End Result

05

Outcome

The End Result

05

Outcome

The End Result

05

Outcome

The End Result

How Did It End?

How Did It End?

The final design provided a fully functional MVP with:

A seamless streaming experience for listeners

A seamless streaming experience for listeners

A seamless streaming experience for listeners

A seamless streaming experience for listeners

A refined content management system for artists

A refined content management system for artists

A refined content management system for artists

A refined content management system for artists

Cross-platform consistency across mobile and web

Cross-platform consistency across mobile and web

Cross-platform consistency across mobile and web

Cross-platform consistency across mobile and web

Though the product impact could not be fully measured post-launch, the client gained a structured and scalable product framework that could be expanded in the future.

Audio Player, Discovery, Artist & User Profile

Audio Player, Channels, and Comments

Content Creation, Import, and Publication

Content Import & Audiobooks

06

Impacts & Learnings

What's the Impact & What Did I Learn?

06

Impacts & Learnings

What's the Impact & What Did I Learn?

06

Impacts & Learnings

What's the Impact & What Did I Learn?

06

Impacts & Learnings

What's the Impact & What Did I Learn?

Impacts & Learnings

Impacts & Learnings

While a full impact assessment was not possible due to contract scope, the design aimed to enhance user experience and fill a market gap in the region. Key learnings from the project included:

Simplified Studio Navigation

Recognized the need for clearer, more intuitive pathways for artists managing content.

Simplified Studio Navigation

Recognized the need for clearer, more intuitive pathways for artists managing content.

Simplified Studio Navigation

Recognized the need for clearer, more intuitive pathways for artists managing content.

Simplified Studio Navigation

Recognized the need for clearer, more intuitive pathways for artists managing content.

Optimized Audio Management

Discovered that simplifying workflow steps in the Studio Panel led to faster and more intuitive content management for artists.

Optimized Audio Management

Discovered that simplifying workflow steps in the Studio Panel led to faster and more intuitive content management for artists.

Optimized Audio Management

Discovered that simplifying workflow steps in the Studio Panel led to faster and more intuitive content management for artists.

Optimized Audio Management

Discovered that simplifying workflow steps in the Studio Panel led to faster and more intuitive content management for artists.

Future-Ready UX

Gained insights into scalable design patterns that can enhance future streaming projects.

Future-Ready UX

Gained insights into scalable design patterns that can enhance future streaming projects.

Future-Ready UX

Gained insights into scalable design patterns that can enhance future streaming projects.

Future-Ready UX

Gained insights into scalable design patterns that can enhance future streaming projects.

07

Opportunities

If There Was a Sequel, What Could We Expect?

07

Opportunities

If There Was a Sequel, What Could We Expect?

07

Opportunities

If There Was a Sequel, What Could We Expect?

07

Opportunities

If There Was a Sequel, What Could We Expect?

Future Enhancements

Future Enhancements

Improved Artist Experience

A better Artist experience could be designed based on real usage analytics.

Improved Artist Experience

A better Artist experience could be designed based on real usage analytics.

Improved Artist Experience

A better Artist experience could be designed based on real usage analytics.

Improved Artist Experience

A better Artist experience could be designed based on real usage analytics.

A/B Testing For UI Improvements

Refining engagement loops based on data.

A/B Testing For UI Improvements

Refining engagement loops based on data.

A/B Testing For UI Improvements

Refining engagement loops based on data.

A/B Testing For UI Improvements

Refining engagement loops based on data.

Social & Monetization Features

Tipping, crowdfunding, and collaboration tools.

Social & Monetization Features

Tipping, crowdfunding, and collaboration tools.

Social & Monetization Features

Tipping, crowdfunding, and collaboration tools.

Social & Monetization Features

Tipping, crowdfunding, and collaboration tools.

By addressing these, Saawt could grow into a true competitor in the regional streaming market.

08

Gallery

Screens

08

Gallery

Screens

08

Gallery

Screens

08

Gallery

Screens

The End
The End
The End
The End

Other Projects

Other Projects

Design adds value faster than it adds costs.

Joel Spolsky

Software Engineer and Writer

Design adds value faster than it adds costs.

Joel Spolsky

Software Engineer and Writer

Design adds value faster than it adds costs.

Joel Spolsky

Software Engineer and Writer

Design adds value faster than it adds costs.

Joel Spolsky

Software Engineer and Writer