Available for Full-Time Job

E4 Health Web and Mobile Application

Creating a messaging, tracking, and search dashboard and messaging system.

Laptop depicting E4Health Login Screen and iPhone depicting e4health search screen.

The E4 Health application is a platform designed to support various health-related activities such as user management, chat support, reporting, and more. The goal was to create an intuitive interface for both web and mobile users.

Role

Lead UX Designer

Client

E4 Health

Timeline

Feb 2017 to July 2017

Project Overview

The E4 Health web and mobile application is a comprehensive platform designed to support various health-related activities such as user management, chat support, reporting, and more. The primary goal was to create a user-friendly interface that streamlines health management tasks for users and staff, accessible across both web and mobile devices.

Web Application Comps

Login and Authentication

Designed a simple and secure login interface with options for password recovery and company code input.

Screenshot of login page depicting a calming beach and airplane dock

Chat Support

Interface for user communication with clinical administrators.

Reporting

Created a reporting module to generate and download detailed reports. Users can sort and filter data, and export reports in Excel format.

User Management

Developed an interface for managing user information, including status updates, filtering, and search functionality.

A screenshot depicting the user management dashboard 2

A screenshot depicting the user management dashboard 3

Staff Management

Designed tools for staff management, allowing for role assignments, status updates, and password resets.

A screenshot depicting the staff management dashboard 2

A screenshot depicting the staff management dashboard 3

A screenshot depicting the staff management dashboard 4

Message and Logistics Management

Implemented tools for managing and monitoring messages, searches, and logistical aspects of support services.

A screenshot depicting the settings portion of the dashboard.

Settings and Maintenance

Provided a settings panel for toggling system availability, managing maintenance modes, and configuring application settings.

A screenshot depicting a dashboard for managing chats.

Mobile Application Comps

Login and Authentication

Developed a secure and user-friendly login interface for mobile users, with options for password recovery and company code input.

Mobile Login Comps Enter Address Screen United States

Mobile Login Comps Enter Address Screen Canada

Mobile Login Comps Password Creation screen

Mobile Login Comp - shows terms and conditions

Mobile Login Comps No Company Code Screen

Mobile Login Comps Password Reset Confirmation

Home Screen

Designed a welcoming home screen that guides users through the app’s features, including chat support, direct connect, and resource locator.

Mobile Home Comp showing chat interface with new message banner

Mobile Home Comp showing resolution prompt

Mobile Home Comp showing resolution confirmation

Mobile Home Comp showing concluded session

Resource Locator

Created a resource locator feature that helps users find resources near their location using various search criteria such as zip code, city, and state.

Mobile Resource Locator Comp depicting 3 drop down menus

Mobile Resource Locator Comp depicting a search by radius nearby a zip code

Mobile Resource Locator Comp depicting a search by city and state

Mobile Resource Locator Comp depicting a map and list of resources

Mobile Resource Locator Comp depicting a zoomed in map and list of resources

Mobile Resource Locator Comp depicting a map and list of resources underneath a telephone prompt

Settings

Developed a settings interface allowing users to manage their profiles, preferences, and privacy settings. Included options for password change and accessing help.

Mobile settings comp depicting preferences

Mobile settings comp depicting a password change screen

Mobile settings comp depicting a help screen

Mobile settings comp depicting a privacy policy screen

Mobile settings comp depicting a terms and conditions screen

Mobile settings comp depicting a clinician gender preference selection.

Mobile settings comp depicting a list of days for contact

Mobile settings comp depicting a selection of time frames for contact

Learnings and Insights

Throughout the development of the E4 Health application, several key insights were gained:

User-Centered Design

Constant user feedback was crucial in shaping a user-friendly interface. Regular usability testing allowed us to iteratively improve the design.

Cross-Platform Consistency

Maintaining a consistent user experience across both web and mobile platforms was vital. This consistency ensured users could seamlessly switch between devices without confusion.

Efficient Workflow

Utilizing tools like Adobe XD, InVision, and Sketch facilitated an efficient design and prototyping process, enabling quick iterations based on feedback.

Conclusion

The E4 Health project was a comprehensive endeavor that highlighted the importance of user-centered design and iterative testing. The successful development of both web and mobile applications provided a seamless and efficient experience for users and staff alike. This project underscored the need for cross-platform consistency, ensuring a broad and inclusive user base. Through this project, valuable lessons were learned that will be applied to future projects, continually enhancing the user experience.