Hero3 Options Panel

Skills Used:Website


Initial research into similarly complex panel layouts with multiple levels of heirarchy.
A simple graphic designed to show stakeholders how large amounts of data can be collapsed to improve navigation.
A redesign of the default form fields from Material Design, which were less suited to dense presentations.
An infographic designed to communicate a reworked information architecture, color coded by user usage data collected during the research phase.
An expanded view of the information architecture, designed to show two additional layout options during stakeholder acceptance presentations.
High fidelity design components created in Adobe XD, which were used to demonstrate the flexibility and scalability of different data types.