Livestream shopping for any digital storefront

Floating background design element of ux redesigned app Man shown on ux redesign of video call app Other video attendees shown on ux redesign of app

Company

  • 1–10 Employees
  • Live Streaming, E-commerce
  • B2B, B2C, SaaS

Project

  • 4 Month Timeline
  • UX, UI Design, User Testing

Services

  • Design Accelerator

In 2020, Zoom became a household name, and video conferencing took its place as a business necessity. Yet it still had its shortcomings, especially when it came to sales.

Bloo Kanoo’s flagship product, BK Stream, aimed to solve that problem by integrating Livestream shopping seamlessly with an existing site’s cart. Their app allows meeting hosts to embed the stream on their website, share business materials and products, and give corporations control over sales collateral.

Intending to start development in a couple of weeks and with a few wireframes in hand, they asked us to take their vision and make it a sellable reality.

UX design of Bloo Kanoo showing product and video and image selections to share during live stream UX Design of home screen for Bloo Kanoo showing buttons to start a conversation, schedule meetings, and see today's meetings
5 Stars
Reviewed on clutch logo

I had worked with several design agencies, but Meticular stood out because of their desire to dig deeper into our audience’s behavior. The team didn’t just want the app to look beautiful, but they also aimed to provide an excellent experience to our users.

Trust in Meticular’s expertise; they know what they’re doing and will give you what you need.

Ryan Kell Founder & CTO @ Bloo Kanoo

Our Approach

Icon of person pointing to board with dots leading to an X

Discovery Session

We met with the Bloo Kanoo team to sync up on requirements and product strategy.

Icon with abstract blocks and a pencil to represent wireframing

Wireframe

Their team provided wireframes for us—allowing us to quickly decide on information architecture and functionality.

Icon of pen near handles like found in design software

UX & UI Design

We did secondary research of other video platforms to find common UX patterns to follow and places to innovate.

a magic wand icon

Prototype

Since we design in Figma, it was easy to create a believable prototype for our behavioral user interviews.

Icon with a generic person shape and a chat bubble to represent user testing

Test

We performed 5 Zoom interviews, watching users interact with the prototype to see what was and wasn’t working.

icon of hand presenting app window outline

Refine & Deliver

We made changes based on our testing, and handing off to their developers was a snap through Figma.

Providing the Right Content at Your Fingertips

Businesses can pre-load content for any presenter in their organization to share live. This includes photos, videos, and products. The content can even be grouped by conversation topics. This was a confusing concept to users during testing, but their feedback helped us design this experience in a way that made sense to presenters while keeping businesses in control.

Revamping video calls for selling

Bloo Kanoo wanted its app to give a presenter all the sales tools needed for success. It would allow presenters to share products, play preloaded content during the stream, and even view participant carts, while still having typical video streaming functionality. After multiple design iterations and user testing, we were able to take the robust functionality and fit it into a mobile app in an intuitive way.

UX Design of Bloo Kanoo chat screen UX Design of Bloo Kanoo Live Stream host viewing an attendee's cart.

An embeddable live stream that works with any cart

After designing the app, we worked on what the experience would look like on the viewing end of a live stream. We really dove into the details to create the optimal video shopping experience. From how to handle product variety selection (size, color, etc.) to showing timed product previews to what product content would be best presented in such a small space.

Image of embedded video ux design with livestream on the left and shopping cart ui on the right

Partner for success, not just UX

Bloo Kanoo told us they wanted to start pitching the concept to potential customers, but needed some marketing collateral. We created a Figma template and trained them on how to make white-labeled graphics for pitch meetings.

We designed a pitch deck, animated videos, and other assets to help them sell to customers. We continue to lend support to this day. Here’s one of the videos we created: