storystream

about the project

Streamlined setup for self-service clients and improved enterprise account management.

My team and I achieved this by redesigning key workflows and streamlining the management of accounts, organizations, and workspaces, allowing clients to handle some of these tasks.

client

StoryStream

date

Feb 23 - Jan 24

role

Product Designer

the problem

The outdated account management area had disjointed and confusing pages, creating inefficiencies as many tasks were only manageable by our internal team.

the challenge

Re-designing workflows to simplify self-serve client experiences while helping our team efficiently manage accounts for large-scale customers.

about the project

Paving the way for a self-serve platform

A redesign and a structural change of the settings area have been long overdue. It has always been pushed back from priorities because it is not customer-facing. The result is multiple disjointed and complicated-to-use pages that even our internal users had difficulty using. The challenge was to make something that is suitable for our existing customers while catering for SAAS clients as well. StoryStream set itself the ambitious goal of being fully self-serve by the end of 2024. An easy-to-use settings area is an integral part of it.

client

StoryStream

date

June 2023 - November 2023

my role and impact

I led the research, design and testing of the product.

I was part of the project throughout the full design cycle balancing between user needs, business requirements and technical limitations. closely collaborating with my colleagues to assure the success of our product.

design lead

James supported me throughout the project and offered feedback and guidance during ideation sessions.

tech lead

I liased with Andy regularly to make sure my ideas were technically feasible in order to avoid complications later on.

customer service team

I collaborated with multiple members of the team in order to make sure my design were solving the right problem.

Effective cross-team collaboration from the start

kick-off

We knew the existing UI was a mess and needed to be fixed.

I completed a heuristic analysis of the UI to understand the problem better and see what I've got to work with. Additionally, I talked to our internal Customer Success people, who are currently the primary users of these pages.

User interviews
Heuristic analysis

Insights

Outdated pages cluttered with lots of unnecessary information

Clients rely on us to handle all admin tasks.

Technical knowledge required to complete the form.

Too much technical knowledge requiredThere's no easy way to view and manage all users within a single organization.

Competitor research played a crucial role in the discovery phase, significantly influencing suggested changes, from navigation structure to terminology.

The re-design had to feel like other familiar SAAS apps.

ideate on solutions

The account setup hierarchy was redesigned to align with SaaS best practices.

Previously, account setup was disjointed. User creation occurred separately from workspace creation, disrupting the flow. Additionally, creating a new organization previously required the team to first create a user.

1. Create organisation

2. Create workspace

3. Invite users

I introduced a new SAAS based structure

I mapped out and user tested the main flows.

Once the overall structure was set, I created user flows for all the main actions needed to set up accounts. Next, I walked our internal Customer Service team through the flows to ensure they worked for all customer types and to check if the conceptual model I designed resonated with them.

I created the new sitemap for the platform

Based on the structure I defined earlier and also taking into account our existing pages and section, I created a new sitemap for the platform.

I introduced four new user roles to support different levels of access.

This allows us to define what each user can and cannot do and see on the platform, and also enables us to promote specific users to admin roles, empowering them to perform daily administrative tasks.Previously, user roles were assigned ad-hoc, as needed, when users required access beyond the standard default.

StoryStream Admin

Organisation Admin

Workspace Admin

Editor

build - test - repeat

I created a low-fi prototype for the main flows.

My aim wasn't to create the perfect thing first time around but to put together something asap and test it with users in order to gain valuable insights early on.

painpoint users had

The workspace and the organisation navs weren't distinct enough causing issues for users to find their way on the platform.

I've tested the designs with four users.

I has user testing sessions with four member of our CS team, who are currently the main users for our platform, as well as know our customers and their needs the most.

final UI

Taking onboard all the feedback the final UI came to life

This project has been the so far the biggest structural change that StoryStream has ever implemented.

ideate on solutions

Empowering customers to manage account-related tasks.

The outdated account management area had disjointed and confusing pages, creating inefficiencies as many tasks were only manageable by our internal team, which took up a lot of time.

It was crucial that the redesigned account management area be simple to use and function similarly to other SAAS platforms our customers are already familiar with. At the same time, it was important to consider the use cases of our internal team and enable them to efficiently manage accounts for large-scale clients.

I introduced four user types

Each user type has different permissions levels, determining which platform areas they see and can interact with.

StoryStream Admin

Organisation Admin

Workspace Admin

Editor