Making an AI-powered video insights platform beautifully intuitive.

The FocusVision teaser: the Library, the Workshop, Video Insights and the Highlight Reel in one cut.The 09:19 Key Moment card, open, with her words and its sentiment, subjectivity and relevance, beside a research participant in a glass-walled office.

Reimagined FocusVision’s flagship Video Insights product.

Through a complete UX/UI overhaul, we transformed complex technology into an intuitive, scalable experience designed for growth. Soon after the redesign, FocusVision was acquired.

Industry

B2B Software

Category

Strategy Experience Research

Services

Product strategy UX/UI design Microinteraction animation Design system Rapid prototyping

Year

UX/UI design

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

Video Insights turns hours of research footage into the moments that matter.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

Video Insights turns hours of research footage into the moments that matter.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

Video Insights turns hours of research footage into the moments that matter.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

Video Insights turns hours of research footage into the moments that matter.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

Video Insights turns hours of research footage into the moments that matter.

FocusVision’s platform transcribes interviews and focus groups, reads them with natural language processing and surfaces the key moments. The engineering was ahead of the interface. Our brief was to make it feel as simple as it is smart.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.
The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.
The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The FocusVision library: the greeting over its hero, the scroll that docks the toolbar, a tile preview and its details panel.

The library greets each researcher by name and gives every project its own cover.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.
Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.
Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Three states of the transcript pane: a passage selected, marked for the trim, and trimmed at 91 percent relevance, on the product's black-to-navy ground.

Strike out a line of the transcript and that part of the video is cut. Editing video became editing text.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.
FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.
FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

FocusVision Video Insights: the transcript reads along, a passage is selected, added to the reel, trimmed by text and saved.

Select a passage in the transcript and it becomes a clip.

Every control starts from the transcript, and the video follows.

Every control starts from the transcript, and the video follows.

Researchers work in the spoken word, so the interface does too.

Every control starts from the transcript, and the video follows.

Every control starts from the transcript, and the video follows.

Every control starts from the transcript, and the video follows.

Every control starts from the transcript, and the video follows.

Researchers work in the spoken word, so the interface does too.

Every control starts from the transcript, and the video follows.

Researchers work in the spoken word, so the interface does too.

Every control starts from the transcript, and the video follows.

Researchers work in the spoken word, so the interface does too.

Every control starts from the transcript, and the video follows.

Researchers work in the spoken word, so the interface does too.

Every control starts from the transcript, and the video follows.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The filters panel: keywords, entities, recommended clips and sentiment, on the product's black-to-navy ground.
The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.
The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

The FocusVision workshop on graphite: a sentiment filter, an entity filter, two suggested clips added to the reel, then the reel plays.

Filters for sentiment, keywords and entities narrow hours of footage to the clips worth watching.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.
A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.
A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

A project's videos side by side with recommended clips and the highlight reel, over a blurred, darkened photo.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

We designed with the engineers in the room.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

We designed with the engineers in the room.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

We designed with the engineers in the room.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

We designed with the engineers in the room.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

We designed with the engineers in the room.

Every pattern was checked for feasibility before it was drawn in detail, and high-fidelity prototypes carried each flow through stakeholder reviews.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The comments panel with mentions and a reply box, on graphite.
The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.
The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

The Key Moments column with 09:19 open and playing, over the interview it comes from, blurred and darkened.

Key Moments are scored for sentiment and relevance; comments and mentions bring the team into the same view.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.
The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.
The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The FocusVision highlight reel: the tour, captions on, docked beside Key Moments, 09:19 opens.

The reel plays in a full-screen theatre mode in the manner of a streaming service, with captions and Key Moments alongside.

Design system

System

Every state, documented.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

The same system was designed to extend across FocusVision’s other products, setting the visual direction for the line.

System

Every state, documented.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

The same system was designed to extend across FocusVision’s other products, setting the visual direction for the line.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

Every state, documented.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

Every state, documented.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

System

Every state, documented.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

We built the interface as a design system: each component drawn in all of its states, from idle to error, so nothing was left to interpretation in engineering.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.
The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.
The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

The FocusVision Style Guide's component card: dropdowns, play and pause, Key Moments, previous and next, closed captions, close and View Reel, on the Style Guide itself, blurred.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.
A highlight reel being built from clips, over a blurred, darkened photo.
A highlight reel being built from clips, over a blurred, darkened photo.

A highlight reel being built from clips, over a blurred, darkened photo.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

A B2B tool that feels like the apps its users already enjoy.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

A B2B tool that feels like the apps its users already enjoy.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

A B2B tool that feels like the apps its users already enjoy.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

A B2B tool that feels like the apps its users already enjoy.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

A B2B tool that feels like the apps its users already enjoy.

Clean type, generous space and one action at a time. Complexity is there when a researcher needs it and out of the way when they don’t.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

Powerful tools earn trust by being clear.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

Powerful tools earn trust by being clear.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

Powerful tools earn trust by being clear.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

Powerful tools earn trust by being clear.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

Powerful tools earn trust by being clear.

The redesign made a sophisticated engine easy to use at first sight, for new users and research veterans alike.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.
The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.
The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

The highlight reel player full bleed, a focus group with captions and Key Moments, on the product's black-to-navy ground.

Impact

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

The brief was to turn complex technology into an intuitive, scalable product experience.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

The brief was to turn complex technology into an intuitive, scalable product experience.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

  1. Acquired

    2021

    FocusVision merged with Confirmit to form Forsta, less than two years after the redesign.

  2. Video Insights today

    Live

    The product continues as part of the Forsta research platform, seven years on.

  3. Design system

    1

    A component library with every state documented, designed to extend across the product line.

The brief was to turn complex technology into an intuitive, scalable product experience.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

The brief was to turn complex technology into an intuitive, scalable product experience.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

The brief was to turn complex technology into an intuitive, scalable product experience.

We delivered the redesign and its design system in 2019. FocusVision merged with Confirmit in early 2021 to form Forsta, which was acquired by Press Ganey the following year. Video Insights remains part of the Forsta platform.

Next project

Iru

Building a scalable design system ready for what’s next.

The Iru jellyfish logomark in 3D, frosted blue and white, rising off the edge of an orange to pink gradientThe Iru jellyfish logomark in 3D, frosted blue and white, on an orange to pink gradient

More work

All work