The project: Demonstrate the value of collapsible sections and sticky headers, and test workflow.

My role: prototyping, graphic design, workflow design

I designed and developed an interactive HTML+javascript prototype to test 1) the workflow and 2) expand/collapse functionality and 3) sticky headers.

Page 0

The prototype focuses on searching, the primary use-case of the mobile app

Page 1

Running a search shows the titles of entities with some metadata below

Page 2

The profile: all the sections are initially collapsed

Page 3

Expanding a section shows the data

Page 4

As user scrolls, the headers stick to the top of the browser

Page 5

The menu displays recently visited profiles and provides navigation