Back arrow

Matt Dente

Businessolver

Product envisioning for an employee benefits app.

Desktop Screen Shot of the Trip Directions
Mobile Screen shot of Trip Directions
Mobile Screen shot of Trip Directions

Challenge

Businessolver hired my company Fell Swoop and I to quickly ideate and explore new directions for an employee benefits app built around a conversation UI. The mission was to produce a range of options quickly and to prototype them with enough detail for internal design and engineering teams to reference in their product work later.

My Role

Rapid Ideation

Based on the business requirements and user needs provided to me, I quickly produced a range of low-fidelity conceptual wireframes.

User Stories

I produced detailed written narratives for key use cases illustrated with low-fidelity wireframes.

Interactive Prototyping

I produced interactive prototypes for key use cases across smartphone and desktop breakpoints.

Project & Account Management

I was responsible for all budgeting, planning and team oversight.

Additional Credits

Agency:
Fell Swoop

Visual Design:
Narith Hoc

Key Deliverable

Rapid Ideation

The client was looking for fresh perspective and ideas to inform their product thinking. My role was to explore a range of potential product concepts building on the work they have already done. Specifically, I was testing the limits of complex use cases being accomplished within a conversation UI, such as benefits enrollment.

Wireframe Example
Wireframe Example

Key Deliverable

User Stories

Once the client reviewed the initial concepts, I continued to refine the best ideas with detailed written narratives illustrated with high-level low fidelity wireframes. The user stories help provided clarity around the flow and interactions to explore during prototyping.

Wireframe Example
Wireframe Example
Wireframe Example
Wireframe Example

Key Deliverable

Wireframe Prototype

I produced detailed black and white interactive wireframe prototypes. These prototypes explored the interactivity for key features within the app and the flow across a guided assistant, chat UI, and voice UI input.

Wireframe Example
Wireframe Example
Wireframe Example
Wireframe Example
Wireframe Example
Mobile wireframe
Mobile wireframe
Mobile wireframe
Desktop wireframe
Desktop wireframeDesktop wireframe
Desktop wireframeDesktop wireframe
Desktop wireframe
Desktop wireframe
Desktop wireframe
Desktop wireframe
Desktop wireframe
Desktop wireframe
Desktop wireframe
Back arrow
Forward arrow

Key Deliverable

UI Design

I worked with a designer on my team to apply visual styles to the UI specified in the wireframes.

Wireframe Example
Forward arrowForward arrow
Down arrowDown arrow
Mobile visual design

Outcome

The client was happy with the envisioning work we produced and used it as a springboard for further refinement and exploration internally. The product is live today with elements from our early work present in the final product.