Connect is a pre-built application designed by Urjanet to assist customers in linking utility accounts to Urjanet services. Customers can use these services to see utility account information, utility invoices, and utility consumption data. Connect comes in two main layouts: Full Screen and iFrame. In addition, iframe provides customers with a smaller widget that customers can embed into the website of their choice.
Problem
Connect supports over 6000 utility providers. Over time, providers have required additional steps for user authentication. To provide customer access to these providers, Connect must support multifactor authentication(MFA).
Main Goals
- Improve Connect to support MFA
- Add an extra element to retain user attention
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.40.39-PM-1024x640.png)
New User flow
The new user flow accounted for MFA behaviors
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.53.22-PM-1024x386.png)
Connect-specific Components
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.53.57-PM-833x1024.png)
Sample Screens of New Design
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.42.50-PM-1024x641.png)
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.44.18-PM-1024x712.png)
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.50.09-PM-1024x643.png)
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.50.31-PM-1024x645.png)
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.44.44-PM-1024x640.png)
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.51.32-PM-1024x665.png)
Google Analytics behavior map
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.52.46-PM-1024x816.png)
This is an example of the iframe being utilized in a website
![](https://rolneralliance.com/wp-content/uploads/2021/08/Screen-Shot-2021-08-08-at-1.54.28-PM-1024x728.png)