Existing Layout and Design

Information Architecture, Wireframes, and Prototypes

Figure 1: Information Architecture

Figure 2: Low Fidelity Mockups

Figure 3: Hi Fidelity Wireframe

Final Design Delivered as HTML/CSS/Javascript

Figure 4: Desktop view

Figure 5: Mobile View

Overview

The National Cancer Institute's (NCI) I2E suite comprises 18 modules that electronically manage extramural grant applications, guiding them through receipt, peer review, approval, and funding distribution to researchers and organizations outside the NIH. The I2E system also integrates seamlessly with the NIH’s Electronic Research Administration (eRA) IMPAC II, ensuring streamlined coordination of extramural grants processes.

Goal

• Provide comprehensive information about programs, policies, account management, I2E modules, and partner systems.
• Enable users to quickly locate modules and access relevant resources, including user guides, core functions, and primary users for each module.
• Facilitate easy and efficient access to account management information.

Problem

• Information on applications, policies, and resources is fragmented and not centralized.
  The site lack modern technology that ensures accessibility across various devices and media platforms. Applications, Policies, and information are not found in unified areas.
• Content is outdated, and needs to be updated with new technology to make it accessible in all media

My Role