![](https://format.creatorcdn.com/86428963-197d-47d7-95c5-e70533014c6b/0/0/0/0,0,2133,1600,2133,1200/0-0-0/8b6e8454-31a9-4901-a135-752194eb91e7/1/1/spg_initial_v6_mjaw2s.png?fjkss=exp=2037453006~hmac=ade491f7d367b5fd7ca93128fe2b43f9edf657dc5976f3564ca7aa5a8f05243b)
Early mockup with power outages visualization layer
On the SPG Project I worked with HCI researcher Sarah Vieweg to create personas, scenarios and storyboards. I also created wireframes and mockups for the application.
SPG is a concept for a web application that helps power companies respond to power outage events. SPG visualizes outage areas in combination with other data sources to increase situational awareness for operators, supervisors and executives.
![](https://format.creatorcdn.com/86428963-197d-47d7-95c5-e70533014c6b/0/0/0/0,0,1275,1650,1600,1650/0-0-0/e344dc8f-86c5-4335-86ab-d0d6b7cece50/1/1/Persona_supervisor_1_fmkb5y.png?fjkss=exp=2037453006~hmac=3ed91c75ea967f3f18c9b0790227ee6151756e2573e483ab4689c5cca04cf80a)
Persona for April, a control room supervisor
Over the course of the project I maintained storyboards (based on our scenarios) as a reference for the team.
![](https://format.creatorcdn.com/86428963-197d-47d7-95c5-e70533014c6b/0/0/0/0,0,3930,2251,3930,1200/0-0-0/e096a793-0dd2-40ec-a996-14ab08ceb811/1/1/spg_storyboard_hqx09b.png?fjkss=exp=2037453006~hmac=b6d5efd03a975c5967e1b12ca2737fb1b387df946c6383b43390155d41fe01f9)
Page from storyboard document for one of April's scenarios
![](https://format.creatorcdn.com/86428963-197d-47d7-95c5-e70533014c6b/0/0/0/0,0,1920,1100,1920,1200/0-0-0/f8b8dac2-43a7-4a07-91f7-b7dfb4cac326/1/1/spg_storyboard_exec_gksdsj.png?fjkss=exp=2037453006~hmac=935904a9365a135f62fea4e7b12e59137218312a76e8ed6b212042786e4b48c1)
Page from storyboard for James the executive