Print_Logo_Blue.png
 
 

Visor is a new type of spreadsheet that can import and sync data from other business tools. Our first usecase is helping product teams better plan and track their roadmaps by syncing with their data in Jira.

Visor is a seed-funded startup with 5 team members. As a product design lead, I work closely with the CEO & technical founder to run user research, establish our UX standards, develop our visual design language, and contribute to product strategy.

 
Table.jpg
 
 

Table View with Multiple Data Sources

The Table allows teams to see a compressed, prioritized view of their project data, with easy sorting, filtering, and batch updating.

 
Jira Import flow.png
 
Timeline Config Modal.png
 

Self-Service Import & Setup

With visual modals and guides, Visor makes it easy to import issues from Jira and configure a timeline using live project data.

 
 
 
Timeline.gif
 

Visualizing Live Data with Drag-and-Drop Editing

Unlike Spreadsheets, these timelines are easy to adjust with drag-and-drop, and updates can be instantly synched back to Jira.

 
 
 

Research & Process

 
Roadmap Attentive.jpg

Process Research with 55 Product Teams

Product roadmaps are often created in basic spreadsheets. While other tools exist on the market, teams fall back on spreadsheets because they’re more flexible and simple to use. The problem is that their data must be entered and maintained separately from Jira, and they’re extremely tedious to create and adjust.

From our research, we had a hypothesis – if we build a “better spreadsheet” that integrates directly with Jira and can automatically plot project data on a timeline, product teams will switch over from Google Sheets and Excel.

 
 
Hand Sketching.jpg

Exploring Design Structures

The driving design hypothesis has been to use UX conventions similar to the spreadsheets teams are currently using. If we can lower the learning curve of this product we can convert more teams.

Wireframes.jpg

Wireframing & Prototyping

We presented a UX prototype to our target companies, gathering feedback on the functionality and getting them excited for launch.

Engineering started build based on wireframes while UI was started in a parallel path.

 

** More details on this project are available in the PDF version **

 
Next
Next

Blink Health