Goran Babarogic Product UX Designer

Bringing ideas to life, from concept to completion.

A unique combination of design expertise and analytical thinking allows me to tackle a broad range of UX challenges. With this skillset, I'm able to align teams, conduct research, synthesize data, and design intuitive experiences from start to finish.

Start a Conversation

Featured work

Web Controller

Sonos was created with a native app but it was clear there was more opportunity in web experiences. Utilizing the Sonos API, a team of 3 (Myself and 2 Front-end developers) leveraged a new brand book and built a Sonos web controller during HackWeek. This work not only provided proof that a web-controller was feasible but it create a foundation for projects to come.

Premium UX Template for Framer

Web Controller

Sonos was created with a native app but it was clear there was more opportunity in web experiences. Utilizing the Sonos API, a team of 3 (Myself and 2 Front-end developers) leveraged a new brand book and built a Sonos web controller during HackWeek. This work not only provided proof that a web-controller was feasible but it create a foundation for projects to come.

Web Controller

Sonos was created with a native app but it was clear there was more opportunity in web experiences. Utilizing the Sonos API, a team of 3 (Myself and 2 Front-end developers) leveraged a new brand book and built a Sonos web controller during HackWeek. This work not only provided proof that a web-controller was feasible but it create a foundation for projects to come.

Premium UX Template for Framer

Where is my order?

Due to their rapid growth and freight challenges, Outer was inundated with order inquiries. Using personas and journey mapping, pain-points quickly began to emerge. We consolidated our delivery companies, and redesigned our communication with automated email triggers based on shipping status. The result was a significant drop in WISMO inquiries.

Premium UX Template for Framer

Where is my order?

Due to their rapid growth and freight challenges, Outer was inundated with order inquiries. Using personas and journey mapping, pain-points quickly began to emerge. We consolidated our delivery companies, and redesigned our communication with automated email triggers based on shipping status. The result was a significant drop in WISMO inquiries.

Where is my order?

Due to their rapid growth and freight challenges, Outer was inundated with order inquiries. Using personas and journey mapping, pain-points quickly began to emerge. We consolidated our delivery companies, and redesigned our communication with automated email triggers based on shipping status. The result was a significant drop in WISMO inquiries.

Premium UX Template for Framer

Account Experience

Early at Sonos it became evident there was an ‘account’ issue. Working through a bevy of technical debt, we organized cross-functionally to define users, their unique journey’s, and areas of CX impact. Our first steps were to create a foundational account with a responsive UI that would be part of an iterative roadmap extending to e-commerce, developer, and business experiences.

Premium UX Template for Framer

Account Experience

Early at Sonos it became evident there was an ‘account’ issue. Working through a bevy of technical debt, we organized cross-functionally to define users, their unique journey’s, and areas of CX impact. Our first steps were to create a foundational account with a responsive UI that would be part of an iterative roadmap extending to e-commerce, developer, and business experiences.

Account Experience

Early at Sonos it became evident there was an ‘account’ issue. Working through a bevy of technical debt, we organized cross-functionally to define users, their unique journey’s, and areas of CX impact. Our first steps were to create a foundational account with a responsive UI that would be part of an iterative roadmap extending to e-commerce, developer, and business experiences.

Premium UX Template for Framer

Shopping Configurator

We created a multi-variate shopping experience which allowed users to mix-and-match frames, fabrics, and configurations. We also added core brand messaging, value-props, and educational content on frame and fabric types. The resulting experience significantly improved a customers ability to compare which increased engagement, product education, and time on site.

Premium UX Template for Framer

Shopping Configurator

We created a multi-variate shopping experience which allowed users to mix-and-match frames, fabrics, and configurations. We also added core brand messaging, value-props, and educational content on frame and fabric types. The resulting experience significantly improved a customers ability to compare which increased engagement, product education, and time on site.

Shopping Configurator

We created a multi-variate shopping experience which allowed users to mix-and-match frames, fabrics, and configurations. We also added core brand messaging, value-props, and educational content on frame and fabric types. The resulting experience significantly improved a customers ability to compare which increased engagement, product education, and time on site.

Premium UX Template for Framer

eComm Optimization

The Sonos eComm journey was a custom designed experience that was consistently updated, improved and optimized. The evolution included multi-step checkout, single-page checkout, address validation, gifting, multiple payment providers, and more. This approach ensured a seamless checkout process that evolved, reduced friction, and led to an increase in conversions.

Premium UX Template for Framer

eComm Optimization

The Sonos eComm journey was a custom designed experience that was consistently updated, improved and optimized. The evolution included multi-step checkout, single-page checkout, address validation, gifting, multiple payment providers, and more. This approach ensured a seamless checkout process that evolved, reduced friction, and led to an increase in conversions.

Premium UX Template for Framer

eComm Optimization

The Sonos eComm journey was a custom designed experience that was consistently updated, improved and optimized. The evolution included multi-step checkout, single-page checkout, address validation, gifting, multiple payment providers, and more. This approach ensured a seamless checkout process that evolved, reduced friction, and led to an increase in conversions.

eComm Optimization

The Sonos eComm journey was a custom designed experience that was consistently updated, improved and optimized. The evolution included multi-step checkout, single-page checkout, address validation, gifting, multiple payment providers, and more. This approach ensured a seamless checkout process that evolved, reduced friction, and led to an increase in conversions.

Contact me for more work

My Process

Research, rapid prototyping, and iteration form the basis of my approach, allowing me to quickly identify pain points and accelerate the design process.

My Process

Research, rapid prototyping, and iteration form the basis of my approach, allowing me to quickly identify pain points and accelerate the design process.

01

Research

Research is the foundation of every successful UX project. It’s where I uncover the real problems, dive deep into user pain points, analyze the competitive landscape, and align teams around an initial direction.

Ship

Shipment is the phase where we release new experiences and features, laying the groundwork for further enhancements. It’s a chance to deliver value to users and gather feedback for continuous improvement.

05

Code

Developers are provided pixel perfect designs, as well as detailed requirements and specs, to code the experience. Through a series of design reviews I provide detailed feedback which allows for continuous refinement in driving toward user acceptance testing.

04

Prototype

Rapid prototyping is where ideas start coming to life. By swiftly developing early-stage concepts, I gather essential feedback from users and collaborators, ensuring we align on a unified direction and build momentum toward refining a user-centered solution.

02

Iterate

Iteration is where designs quickly evolve through a constant cycle of feedback. By continuously refining prototypes based on insights from users and collaborators, the experience becomes more intuitive and polished with each cycle.

03

My Process

Research, rapid prototyping, and iteration form the basis of my approach, allowing me to quickly identify pain points and accelerate the design process.

My Experience

Lead UX/UI Designer

Lead UX/UI Designer

Lead UX/UI Designer

Outer

Outer

Outer

Sep 2020 - Nov 2024

Sep 2020 - Nov 2024

Sr. UX Designer

Sr. UX Designer

Sr. UX Designer

Sonos

Sonos

Mar 2011 - Jun 2020

Mar 2011 - Jun 2020

Principal / Creative Consultant

Principal / Creative Consultant

Principal / Creative Consultant

The Art of Marketing

The Art of Marketing

Jul 2009 - Jun 2011

Jul 2009 - Jun 2011

Web Development Manager

Web Development Manager

Web Development Manager

Forester

Forester

Sep 2007 - Jul 2009

Sep 2007 - Jul 2009

View Experience Details

My Skills

My Skills

UX Design

UX Design

UX Design

UI Design

UI Design

UI Design

Product Design

Product Design

Product Design

Design Systems

Design Systems

Design Systems

Design Sprint

Design Sprint

Design Sprint

Interaction Design

Interaction Design

Interaction Design

User Testing

User Testing

User Testing

Usability Testing

Usability Testing

Usability Testing

UX Research

UX Research

UX Research

Rapid Prototyping

Rapid Prototyping

Rapid Prototyping

Customer Journey

Customer Journey

Customer Journey

eComm Optimization

eComm Optimization

eComm Optimization

Service Design

Service Design

Service Design

Process Flows

Process Flows

Process Flows

Wireframes

Wireframes

Wireframes

Accessibility

Accessibility

Accessibility

Roadmap Strategy

Roadmap Strategy

Roadmap Strategy

Agile

Agile

Agile

Scrum Master

Scrum Master

Scrum Master

So, what do you want to create?

So, what do you want to create?