Uriel Brown

The initial ideation focused on selecting three major features to showcase the solution and meet the project's requirements for the client. This led to the following choice of tasks: syncing a streaming service to download music, inviting users to join Surround Sound mode, and editing the audio device queue for Surround Sound mode. These tasks were selected to effectively illustrate how the solution addressed both user and client expectations. The task flows were hand-sketched to rapidly ideate and visualize the process for each task.

The refinement of the task flows led to the creation of digitized user flows, which visualized and elaborated on the options available to users as they completed their tasks. We learned that

The initial ideation focused on selecting three major features to showcase the solution and meet the project's requirements for the client. This led to the following choice of tasks: syncing a streaming service to download music, inviting users to join Surround Sound mode, and editing the audio device queue for Surround Sound mode. These tasks were selected to effectively illustrate how the solution addressed both user and client expectations. The task flows were hand-sketched to rapidly ideate and visualize the process for each task.

The refinement of the task flows led to the creation of digitized user flows, which visualized and elaborated on the options available to users as they completed their tasks. We learned that

Wireframe Ideation

Visualizes the User interface and Experience for primary features

Wireframe ideation was conducted to visualize the user interaction and experience of the solution, providing an understanding of how the pages of the mobile app would be structured and interact with one another. This process was carried out in two phases: the initial wireframe ideation to sketch the structure and interactions of each page, followed by the refinement to create low-fidelity digital wireframes that effectively visualized the user experience.

The initial wireframes began by taking the initial task flows and sketching the structure of each page. This approach helped brainstorm the layout, interactions, features, and content of each page. The process resulted in hand-sketched wire flows for each primary feature.

The refinement of the initial wireframes resulted in low-fidelity digital wireframes of the user flow. This process involved using the final user flow to identify the necessary pages for the wireframes, ensuring each option and step of the task was covered. With all necessary pages in place, the initial wireframes were used to define and refine the layout, interaction, and content for each page of the primary features. This resulted in low-fidelity wireframes that effectively visualized the user experience.

The initial wireframes began by taking the initial task flows and sketching the structure of each page. This approach helped brainstorm the layout, interactions, features, and content of each page. The process resulted in hand-sketched wire flows for each primary feature.

The refinement of the initial wireframes resulted in low-fidelity digital wireframes of the user flow. This process involved using the final user flow to identify the necessary pages for the wireframes, ensuring each option and step of the task was covered. With all necessary pages in place, the initial wireframes were used to define and refine the layout, interaction, and content for each page of the primary features. This resulted in low-fidelity wireframes that effectively visualized the user experience.

Brand Research Concluded

With Key Aesthetic Insights that will Guide the prototyping of the Speaker and App

The brand research concluded by identifying the aesthetic design choices from the brand's mobile app and speaker collection, which guided the prototyping of both the speaker and app. This research highlighted material and texture inspirations from the speaker collection and key characteristics from the brand's UI and design system elements, providing valuable insights for developing the final solutions.

Due to the brand research for UI inspiration, five key findings emerged from the UI elements: color, border, elevation, iconography, spacing, and element shape.

Material inspiration research was conducted by reviewing products similar to the final solution's speaker. Only portable speakers of similar size and suitable for outdoor use were considered for this brand research.

Due to the brand research for UI inspiration, five key findings emerged from the UI elements: color, border, elevation, iconography, spacing, and element shape.

Material inspiration research was conducted by reviewing products similar to the final solution's speaker. Only portable speakers of similar size and suitable for outdoor use were considered for this brand research.

Product & Experience Design for Consumer Audio Brand

Product & Experience Design for Consumer Audio Brand

Bang & Olufsen Innovates A Concept for Socially Distanced Music Sharing to Connect People Amidst Pandemic

Client

Problem

User & Audience

Scope & Constraints

Role & Responsibilities

Integrating Social Enterprise Thinking to Drive Clever Solution for Bang & Olufsen

User Flow Ideation

Defines and Visualizes the User Experience of the Primary Features

Wireframe Ideation

Visualizes the User interface and Experience for primary features

Brand Research Concluded

With Key Aesthetic Insights that will Guide the prototyping of the Speaker and App

Solution Meets Client Expectations, Receives Positive Feedback, and is deemed viable for Launch

Thanks for exploring my work!

Explore Projects

Skills Filter

Prupay

RAA

B&O

Emote

AOS

ROO

Uncork

B&O

Emote

AOS

Prupay

RAA

B&O

Emote

AOS

RAA

B&O

Emote

AOS

Prupay

Prupay

RAA

B&O

Prupay

RAA

B&O

Emote

AOS

Uncork