Audn

Audn

Audn

Audn

Audn

Audn

Audn

a conceptual exploration of a new approach to music streaming

a conceptual exploration of a new approach to music streaming

a conceptual exploration of a new approach to music streaming

a conceptual exploration of a new approach to music streaming

a conceptual exploration of a new approach to music streaming

a conceptual exploration of a new approach to music streaming

a conceptual exploration of a new approach to music streaming

Overview

Overview

Overview

Overview

Overview

Overview

Overview

000

000

000

000

000

000

000

Type

Type

Academic.

Academic.

Type

Academic.

Type

Academic.

Type

Academic.

Type

Academic.

Type

Academic.

Time

Time

10 months.

10 months.

Time

10 months.

Time

10 months.

Time

10 months.

Time

10 months.

Time

10 months.

Team

Team

Co-designed with Lucía Vázquez.

Co-designed with Lucía Vázquez.

Team

Co-designed with Lucía Vázquez.

Team

Co-designed with Lucía Vázquez.

Team

Co-designed with Lucía Vázquez.

Team

Co-designed with Lucía Vázquez.

Team

Co-designed with Lucía Vázquez.

Context

Context

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Context

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Context

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Context

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Context

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Context

Made at Senpai Academy while taking their UX/UI course. This case study is focused on design processes, for a deep dive on its story and features click here.

Challenge

Challenge

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

Challenge

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

Challenge

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

Challenge

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

Challenge

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

Challenge

Designing a digital solution for any problem of our choosing, aiming to have a working and interactive hi-fi prototype by the end of the course.

My Involvment

My Involvment

Closely involved in every stage of the project.

Closely involved in every stage of the project.

My Involvment

Closely involved in every stage of the project.

My Involvment

Closely involved in every stage of the project.

My Involvment

Closely involved in every stage of the project.

My Involvment

Closely involved in every stage of the project.

My Involvment

Closely involved in every stage of the project.

Scope & Deliverables:

Scope & Deliverables:

Benchmark & Moodboarding.

Benchmark & Moodboarding.

User Interviews & Surveys.

User Interviews & Surveys.

POV & MVP definition.

POV & MVP definition.

Architecture Information & Wireframing.

Architecture Information & Wireframing.

Low-Fi Prototype & User Testing.

Low-Fi Prototype & User Testing.

Branding & Design System.

Branding & Design System.

Hi-Fi Prototype & Interaction Design.

Hi-Fi Prototype & Interaction Design.

Development Handoff.

Development Handoff.

Scope & Deliverables:

Benchmark & Moodboarding.

User Interviews & Surveys.

POV & MVP definition.

Architecture Information & Wireframing.

Low-Fi Prototype & User Testing.

Branding & Design System.

Hi-Fi Prototype & Interaction Design.

Development Handoff.

Scope & Deliverables:

Benchmark & Moodboarding.

User Interviews & Surveys.

POV & MVP definition.

Architecture Information & Wireframing.

Low-Fi Prototype & User Testing.

Branding & Design System.

Hi-Fi Prototype & Interaction Design.

Development Handoff.

Scope & Deliverables:

Benchmark & Moodboarding.

User Interviews & Surveys.

POV & MVP definition.

Architecture Information & Wireframing.

Low-Fi Prototype & User Testing.

Branding & Design System.

Hi-Fi Prototype & Interaction Design.

Development Handoff.

Scope & Deliverables:

Benchmark & Moodboarding.

User Interviews & Surveys.

POV & MVP definition.

Architecture Information & Wireframing.

Low-Fi Prototype & User Testing.

Branding & Design System.

Hi-Fi Prototype & Interaction Design.

Development Handoff.

Scope & Deliverables:

Benchmark & Moodboarding.

User Interviews & Surveys.

POV & MVP definition.

Architecture Information & Wireframing.

Low-Fi Prototype & User Testing.

Branding & Design System.

Hi-Fi Prototype & Interaction Design.

Development Handoff.

Empathize

Empathize

Empathize

Empathize

Empathize

Empathize

Empathize

001

001

001

001

001

001

001

Research

Research

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

Research

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

Research

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

Research

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

Research

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

Research

During our first desktop research, the correlation between sound and emotions caught our attention, specifically how music can be used as a buffer for our moods and the proven benefits of musical therapy (especially using white noise).

This led us to seek answers to the following questions:

This led us to seek answers to the following questions:

When and why do people use background noise during their daily lives?

When and why do people use background noise during their daily lives?

How do these sounds affect their moods and activities at hand?

How do these sounds affect their moods and activities at hand?

Is there a general knowledge or interest in white noise and its benefits?

Is there a general knowledge or interest in white noise and its benefits?

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

This led us to seek answers to the following questions:

When and why do people use background noise during their daily lives?

How do these sounds affect their moods and activities at hand?

Is there a general knowledge or interest in white noise and its benefits?

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

This led us to seek answers to the following questions:

When and why do people use background noise during their daily lives?

How do these sounds affect their moods and activities at hand?

Is there a general knowledge or interest in white noise and its benefits?

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

This led us to seek answers to the following questions:

When and why do people use background noise during their daily lives?

How do these sounds affect their moods and activities at hand?

Is there a general knowledge or interest in white noise and its benefits?

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

This led us to seek answers to the following questions:

When and why do people use background noise during their daily lives?

How do these sounds affect their moods and activities at hand?

Is there a general knowledge or interest in white noise and its benefits?

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

This led us to seek answers to the following questions:

When and why do people use background noise during their daily lives?

How do these sounds affect their moods and activities at hand?

Is there a general knowledge or interest in white noise and its benefits?

For this, we conducted 5 interviews (interview script link) and an online questionnaire.

What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.
What did we learn?  More than 96% of those surveyed state that they accompany daily activities with music. Of those, 62% estimate listening to audio content and media for more than 4 hours a day. 84% feel like music directly influences their mood. 82% would like personalized music recommendations tailored to their needs of the moment. Picture showcasing extracts from the interviews, reading things like ‘’I’d love for my life to be a musical’’ and ‘’Sometimes when I’m in the shower I put the speaker on full volume to sing along and I imagine that I’m at a concert’’.

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

(The image below is draggable)

(The image below is draggable)

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

(The image below is draggable)

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

(The image below is draggable)

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

(The image below is draggable)

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

(The image below is draggable)

We also conducted a Benchmark Analysis on the side in efforts to understand apps with similar niches.

(The image below is draggable)

Results

Results

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Results

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Results

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Results

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Results

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Results

Based on the data collected, we created different artifacts that allowed us to visualize our insights better (Empathy Map, User Persona and Journey Map).

Empathy map made up of a post it board divided in 4 sections: says, thinks, does and feels.
Empathy map made up of a post it board divided in 4 sections: says, thinks, does and feels.
Empathy map made up of a post it board divided in 4 sections: says, thinks, does and feels.
Empathy map made up of a post it board divided in 4 sections: says, thinks, does and feels.
User Persona of Mara Pérez, containing a general information about her, personality traits, tech habits. frustrations and objectives.
User Persona of Mara Pérez, containing a general information about her, personality traits, tech habits. frustrations and objectives.
User Persona of Mara Pérez, containing a general information about her, personality traits, tech habits. frustrations and objectives.
User Persona of Mara Pérez, containing a general information about her, personality traits, tech habits. frustrations and objectives.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.

Conclusions

Conclusions

1

1

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

2

2

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

3

3

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Conclusions

1

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

2

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

3

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Conclusions

1

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

2

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

3

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Conclusions

1

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

2

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

3

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Conclusions

1

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

2

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

3

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Conclusions

1

We were able to validate how relevant audio media is as a background companion for daily activities, and the subconscious impact it has on our moods and emotions.

2

The general disinterest and indifference towards white noise made us ultimately exclude them from our final product.

3

Our most interesting findings regarded opportunities in the discovery and social aspects of traditional music streaming platforms, being those topics where we detected the most excitement from our users.

Common pain points of our users

Common pain points of our users

Lack of sharing options.

Lack of sharing options.

Indecision and hesitation when choosing what to listen to.

Indecision and hesitation when choosing what to listen to.

Common pain points of our users

Lack of sharing options.

Indecision and hesitation when choosing what to listen to.

Common pain points of our users

Lack of sharing options.

Indecision and hesitation when choosing what to listen to.

Common pain points of our users

Lack of sharing options.

Indecision and hesitation when choosing what to listen to.

Common pain points of our users

Lack of sharing options.

Indecision and hesitation when choosing what to listen to.

Common pain points of our users

Lack of sharing options.

Indecision and hesitation when choosing what to listen to.

Ideation

Ideation

Ideation

Ideation

Ideation

Ideation

Ideation

002

002

002

002

002

002

002

Defining the MVP

Defining the MVP

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Defining the MVP

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Defining the MVP

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Defining the MVP

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Defining the MVP

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Defining the MVP

Based on our prior findings, we established three main objectives we wanted to address with the final product, touching on areas we believed to be the core of our value proposition.

Exploring new features to make content search and discovery more engaging.

Exploring new features to make content search and discovery more engaging.

Emphasize social features and interactions to be more prominent and noticeable.

Emphasize social features and interactions to be more prominent and noticeable.

Making the user feel like their experience is as unique and tailored as possible.

Making the user feel like their experience is as unique and tailored as possible.

Exploring new features to make content search and discovery more engaging.

Emphasize social features and interactions to be more prominent and noticeable.

Making the user feel like their experience is as unique and tailored as possible.

Exploring new features to make content search and discovery more engaging.

Emphasize social features and interactions to be more prominent and noticeable.

Making the user feel like their experience is as unique and tailored as possible.

Exploring new features to make content search and discovery more engaging.

Emphasize social features and interactions to be more prominent and noticeable.

Making the user feel like their experience is as unique and tailored as possible.

Exploring new features to make content search and discovery more engaging.

Emphasize social features and interactions to be more prominent and noticeable.

Making the user feel like their experience is as unique and tailored as possible.

Exploring new features to make content search and discovery more engaging.

Emphasize social features and interactions to be more prominent and noticeable.

Making the user feel like their experience is as unique and tailored as possible.

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

(Example boards below)

(Example boards below)

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

(Example boards below)

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

(Example boards below)

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

(Example boards below)

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

(Example boards below)

To get there, we used the HMW and MoSCoW methods of organization and prioritization.

(Example boards below)

How Might We extract from a Miro mural.
How Might We extract from a Miro mural.
How Might We extract from a Miro mural.
How Might We extract from a Miro mural.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
Journey Map detailing a common scenario in Mara's life, when she tries to listen to something to shorten her long commute to work.
MoSCoW extract from a Miro mural.
MoSCoW extract from a Miro mural.
MoSCoW extract from a Miro mural.
MoSCoW extract from a Miro mural.

Information Architecture

Information Architecture

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

(Site Map + Sign Up User Flow below)

Information Architecture

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

(Site Map + Sign Up User Flow below)

Information Architecture

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

(Site Map + Sign Up User Flow below)

Information Architecture

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

(Site Map + Sign Up User Flow below)

Information Architecture

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

(Site Map + Sign Up User Flow below)

Information Architecture

Conducting a card sorting session with potential users proved challenging due to their unfamiliarity with the new features. Since we couldn’t allow them to map out the relationships and hierarchy between the content we wanted to include, we decided to borrow from the content structures of popular music streaming apps and later validate during user testing.

(Site Map + Sign Up User Flow below)

Site Map made on Figjam detailing the different screens of the final prototype and their content
Site Map made on Figjam detailing the different screens of the final prototype and their content
Site Map made on Figjam detailing the different screens of the final prototype and their content
Site Map made on Figjam detailing the different screens of the final prototype and their content
User Flow made on Figjam, detailing the process of Sign Up in Audn.
User Flow made on Figjam, detailing the process of Sign Up in Audn.
User Flow made on Figjam, detailing the process of Sign Up in Audn.
User Flow made on Figjam, detailing the process of Sign Up in Audn.

First Prototype

First Prototype

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

(Low-Fi Screens below)

First Prototype

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

(Low-Fi Screens below)

First Prototype

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

(Low-Fi Screens below)

First Prototype

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

(Low-Fi Screens below)

First Prototype

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

(Low-Fi Screens below)

First Prototype

Our mission during this stage was to avoid pixel perfection, focusing on creating something functional we could later use to conduct usability tests.

(Low-Fi Screens below)

Testing

Testing

The main objectives of our usability test were simple:

The main objectives of our usability test were simple:

Validating our architecture’s intuitiveness.

Validating our architecture’s intuitiveness.

Gauging the overall feeling of transition through our app.

Gauging the overall feeling of transition through our app.

Testing

The main objectives of our usability test were simple:

Validating our architecture’s intuitiveness.

Gauging the overall feeling of transition through our app.

Testing

The main objectives of our usability test were simple:

Validating our architecture’s intuitiveness.

Gauging the overall feeling of transition through our app.

Testing

The main objectives of our usability test were simple:

Validating our architecture’s intuitiveness.

Gauging the overall feeling of transition through our app.

Testing

The main objectives of our usability test were simple:

Validating our architecture’s intuitiveness.

Gauging the overall feeling of transition through our app.

Testing

The main objectives of our usability test were simple:

Validating our architecture’s intuitiveness.

Gauging the overall feeling of transition through our app.

Conclusions

Conclusions

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

Conclusions

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

Conclusions

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

Conclusions

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

Conclusions

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

Conclusions

For the most part, users navigated the application without major complications. The biggest challenge was found in one of the search methods that turned out to be poorly located and referenced. In general, the app met expectations and was aligned with the objectives previously established, with users remarking how fun and dynamic the new features were. Full Report here.

Design

Design

Design

Design

Design

Design

Design

003

003

003

003

003

003

003

Branding

Branding

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

(Logo + Tag Line below)

(Logo + Tag Line below)

Branding

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

(Logo + Tag Line below)

Branding

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

(Logo + Tag Line below)

Branding

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

(Logo + Tag Line below)

Branding

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

(Logo + Tag Line below)

Branding

We wanted to transmit the concept of inclusivity; specifically, the message that you could be any shape and we would still find you a place where you’d fit right in. The idea of using both square and rounded edges for our visual elements ended up in a whacky yet charming look we thought conveyed perfectly the overall experimental and playful side of the project.

(Logo + Tag Line below)

Audn's Logo. It's bright orange and very geometric, alternating between rounded and square corners and a custom made font to match. The tag line roughly translates to ''music that fits''
Audn's Logo. It's bright orange and very geometric, alternating between rounded and square corners and a custom made font to match. The tag line roughly translates to ''music that fits''
Audn's Logo. It's bright orange and very geometric, alternating between rounded and square corners and a custom made font to match. The tag line roughly translates to ''music that fits''
Audn's Logo. It's bright orange and very geometric, alternating between rounded and square corners and a custom made font to match. The tag line roughly translates to ''music that fits''
Audn's Logo. It's bright orange and very geometric, alternating between rounded and square corners and a custom made font to match. The tag line roughly translates to ''music that fits''
Audn's Logo. It's bright orange and very geometric, alternating between rounded and square corners and a custom made font to match. The tag line roughly translates to ''music that fits''

Design System

Design System

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Design System

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Design System

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Design System

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Design System

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Design System

Once a clear visual guideline was established, we began crafting the foundation of our Design System, prioritizing small elements for consistency (atomic design). Those elements eventually grew and became a style guide we referenced throughout the rest of the project. Though not extensive, it addressed the project's scope, emphasizing mobile implementation specifications.

Icon Set

Icon Set

Icon Set

Icon Set

Icon Set

Icon Set

Icon Set

Final Screens

Final Designs

Final Screens

Final Screens

Final Screens

Final Screens

Final Screens

Learnings

Learnings

Learnings

Learnings

Learnings

Learnings

Learnings

004

004

004

004

004

004

004

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Both my teammate and I are glad to inform you that we exceeded expectations meeting the course’s objectives and our personal ones. We also had the honor of getting Audn selected to be developed as the final project for a full-stack dev bootcamp (same academy). This meant we had to resize our MVP to be manageable for the students, prepare a hand-off, and even test their prototypes.

Retrospect

Retrospect

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Retrospect

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Retrospect

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Retrospect

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Retrospect

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Retrospect

The only real regret I have was insisting on having multiple color palettes work. This took time away from refining the more conceptual features that were supposed to be the highlights of our project, while also leading to a rather underwhelming result. Just designing a day/night system and optimizing it to its fullest would have been a better approach.

Most of the actions leading to the final prototype were quite sound, and the end result far exceeded the initial low expectations I had at the beginning of the course. I’m most proud of our ability to adapt to unexpected setbacks and sort them out.

Let's connect!

Let's connect!

Let's connect!

Let's connect!

Let's connect!

Let's connect!

Let's connect!

I’m always open for work opportunities or just chatting design! Write me at:

I’m always open for work opportunities or just chatting design! Write me at:

I’m always open for work opportunities or just chatting design! Write me at:

I’m always open for work opportunities or just chatting design! Write me at:

I’m always open for work opportunities or just chatting design! Write me at:

I’m always open for work opportunities or just chatting design! Write me at:

I’m always open for work opportunities or just chatting design! Write me at:

© Made with Framer by me

© Made with Framer by me

© Made with Framer by me

© Made with Framer by me

© Made with Framer by me

© Made with Framer by me

© Made with Framer by me