Projects

Loupe.

Loupe is a desktop and mobile platform for managing the complex workflows, documents and interactions that occur in creative asset management and photography. I worked for several years on UX, prototyping, and UI iterations for the platform.

The following feature case study describes my process in defining, ideating and implementing workflows functionality for Loupe.

Defining the problem.

Insights

Loupe was being developed off the back of key insights from the client and his company and partners after over a decade in the industry,  I asked the client to share his insights and pain points, and to ask the same of his co-workers in specific relevant roles.

User Personas

I used these insights to form a set of basic user personas to cover the broad number different user types. All these user types would be using the workflow tool we were developing, so collating their pain points helped to inform the ideation process.

Competitor Analysis

I looked at several industry standard photography production management software, which showed a high level of bloat overall. The client assisted in creating a list of major pain points expressed from various users in the industry.

Ideating solutions.

User Stories

We started by documenting and prioritising a list of user stories the solution should contain, based on insights from research and workshops performed around existing workflows, and also started a backlog for potential future iterations.

Mockups

I went straight into mocking up solutions at a higher fidelity than usual at this stage of the process so key workflows and ideas could be expressed as we already had a design system setup. These included methods of contextualising data, displaying data and functional scope.

Design System

At this stage in the project, we already had a fairly comprehensive design system, which I extended with new components required for this feature set.

Testing assumptions.

Interviews

We performed a number of stakeholder interviews and user tests, and iterated our solutions on the fly in response to stakeholders either misunderstanding workflows or coming with suggestions of their own.

Testing

The tests were performed over three rounds, with iterations on solutions in between each round. We made a number of mistakes with the first round, which we refined for the second round, eventually arriving at a satisfactory and workable, but not yet perfect solution.

Node Based Workflow

  • Users can freeform create various node types in their asset workflow.
  • Each node has rules, collaborators and transitions that connect it to other nodes
  • A stage node in a workflow might be the selection of images, then a stage for retouching, a stage for review etc.

Transitions

  • Assets live within different stage nodes, and can transition from node to node manually or based on conditions set by the user
  • When an asset transitions, actions can automatically occur that effect the images, such as the addition of metadata or a resize or filter.

Collaborators

  • Collaborators are added per stage, allowing fine control over who has access to what assets in the workflow
  • For example, a user might only invite the art directors and creative team on a project to a stage that’s made for reviewing assets and adding feedback.

Contextual Info

  • Selecting a node in the workflow, or a transition, will display a right hand contextual panel with information relevant to what’s selected.
  • This contextual panel pattern was carried through the entire platform, showing contextual information wherever it appears.

Implementing and iterating.

Frontend

I was involved in the front-end implementation of design for this feature set, working alongside more experienced developers in a React Typescript / Electron environment.

Sprints

Our sprints for the implementation involved a lot of back and forth with stakeholders and potential users they could provide to us, resulting in tweaks in behaviour, state and interactivity. We worked any viable feedback into following sprints, working iteratively.

Backlog

The feature set is now core to the functionality of the platform, supporting many other key features. The product is still in active development with closed testing ongoing.

Glamour shots.

More Work

Check these out next.

More projects upon request.

Let's chat about more projects in more detail, and see if I’m a good fit for your team.

Let's Chat