StoryHunt Creator
Tasks: UX/UI design, product design
One of the biggest projects during my time in StoryHunt was the design of the CMS: StoryHunt Creator. Creator is a platform where users can create guided tours with text, images and audio. The CMS already existed under the name “Studio”, however, Creator was to be designed from scratch, disregarding any design choices made prior.
The challenge
Developing a user-friendly CMS presented a unique set of challenges, primarily due to its intricate workflow and numerous details and interactions. Additionally, as this tool falls outside the category of everyday usage for most people, the user expectations and design considerations became more focused and specific.
To address these challenges effectively, a comprehensive research phase was undertaken, drawing insights from similar solutions and any solution revolving around map interactions. This enabled us to identify expectations when interacting with such solutions as well as pain points and thus the pitfalls to avoid. The initial research resulted in a large range of user stories that covered all the relevant use cases and scenarios. Based on these user stories, the experience was designed.
The user flow
Tool: Airtable, Notion
A big part of the initial process was to define use cases. What should the user be able to do and how should the flow for this be? For instance, what would happen if the user choose option A, B or C? Mockups were created based on these specific cases, enabling the creation of more efficient prototypes. We had a total of 70 official use cases.
The next sections jumps to the final/current design.
The dashboard
Tool: Figma
In designing Creator, we recognized the importance of providing users with a intuitive dashboard that offers a seamless overview of their work. The focus was to create a user-friendly dashboard that effortlessly presents users with all their essential options. From creating tours to accessing insightful statistics, managing project members, adjusting settings, and handling billing details, every aspect was carefully considered to ensure a streamlined user experience.
Creation of tours
Tool: Figma
An essential aspect of the project lies in the tour creation workflow. Designing an optimal navigation system through stories and the presentation page that gets created along with the tour presented a significant challenge. In addition, various other essential features were carefully considered, such as adding primary and secondary media, incorporating quizzes, and establishing routes between stories.
Through an iterative process of prototyping and testing, we arrived at an interface that effectively utilizes panes and sidebars. This thoughtful design approach enables the presentation of a substantial amount of information while preserving a clear and intuitive visual hierarchy.
