I began with a zoom call with the lead engineer to discuss the technical scope and brainstorm ideas.

We defined the main goal to showcase Jira's core features without overwhelming new users. Key considerations included balancing simplicity with product teaching, whether to create a static versus a sandbox-style demo and possibly testing two versions: one simple and one with more advanced features.

I outlined my initial notes on feature inclusion, user engagement, and balancing simplicity and depth. I sketched potential demo flows, weighing the effectiveness of a static image versus an interactive sandbox in guiding users to perform a core action in Jira—creating an issue.

To ensure that the design aligned with both user goals and technical constraints, I made a plan to:

- Keep the user experience intuitive without overwhelming users with too many features at once.

- Showcase core Jira actions like creating and managing issues in an engaging yet accessible way.

- Work closely with the engineering team to implement interactive components that deliver real value without adding unnecessary complexity.

This structured approach allowed us to identify clear goals, weigh options, and make data-driven decisions that informed the final experiment design.

For the low-complexity version of the Jira Product Tour Interactive Demo, I created early wireframes focusing on guiding users through key actions within a Kanban board interface. The design intended to familiarize new users with the core concepts of project management by simplifying interactions and providing visual cues.

In the first wireframe, users land on a Kanban board, where they see a modal introducing the project management concept within Jira. The modal includes clear, beginner-friendly instructions, prompting them to begin the journey.

In the second wireframe, users are nudged to create an issue on the board, a core Jira action. I included a pulsing “Create Issue” CTA to draw attention, and when users hover, a tooltip appears reading: "Manage tasks using issues - to create an issue, select the [Create Issue] button.” Each card includes step indicators, visually guiding users through their journey. Once users click Create Issue, a modal confirms their action, creating a smooth, guided transition.

This step required close collaboration with engineering to ensure tooltips, visual feedback, and the pulsing CTA were technically feasible and could be implemented effectively across different devices.

In the third wireframe, users are given a sense of accomplishment after successfully creating an issue. I suggested a subtle confetti animation for positive reinforcement, while additional copy highlights the new card on the board. This provides visual feedback, helping users clearly see their impact on the board.

Throughout this process, I worked closely with content design to align the copy with the visual journey and with engineering to ensure the animations and visual cues remained within the technical scope. The goal was a seamless, educational experience that left users confident in performing core actions on Jira’s platform.