.container { position:fixed; top:-1px; left:-1px; width:101%; text-align: center; } .container button { color: #fff; text-decoration:none; font-size: 25px; text-transform: uppercase; display: block; font-family: impact; margin-top: 1px; border:0px solid black; } .red { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #C00; background-image: url(https://static.wixstatic.com/media/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.webp); background-repat: no-repeat; } .orange { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #F90; background-image: url(https://static.wixstatic.com/media/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.webp); background-repeat: no-repeat; } .grey { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #e6e6e6; background-image: url(thumb_ourteam.jpg); background-repat: no-repeat; } .blue { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #7293b8; background-image: url(https://static.wixstatic.com/media/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.webp); background-repat: no-repeat; } #brown { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #960; background-image: url(thumb_counseling.jpg); background-repat: no-repeat; } #green { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #4a714b; background-image: url(thumb_media.jpg); background-repat: no-repeat; } #pink { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #c69; background-image: url(thumb_legislation_lobby.jpg); background-repat: no-repeat; } #black { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #333; background-image: url(thumb_contact.jpg); background-repat: no-repeat; }
top of page

INTERACTIVE DASHBOARDS

UI & UX

mumms Software • 2012 - 2014

•

•

•

•

•

•

•

Look at my process in more detail.

​

This web-app is for comprehensive hospice industry care. It consists of 5 main "modules" or sections. 1 is shown here, called the Patient Module. 

​

UI:

Created icons, widget icons and dashboard architecture.

Created style guide with proper CSS included.

​

UX:

Drag and drop to add or reposition widget.

Close or resize open widgets.

Click widget heading to see detailed information.

Widgets resize by width or height.

Widget selection and other dashboards stored in "drawers" on the sides of the interface.

​

Home Dashboard (Widgets available based on user permissions.)

Financial Dashboard (Users can submit claims directly to Medicare and Medicaid.)

Reports Dashboard (A list of reports with real-time data. Users can "favorite" reports for quick access.)

Patient's Chart Dashboard (A list of patient-specific information.)

Use of grid on all Dashboards.

bottom of page
Counsling
Media
Legislation & Lobby
Contact