Who are you?
We are a small, creative company who is creating content for a client who has a need for a non-public-facing web portal. While we focus on content and architecture of the individual pieces of the project, we need someone to create the overall look and feel of the web portal, which is where the content will be housed.
What do you need?
Background/context: Our client has a need for a non-public-facing web portal. The portal will be used by psychiatrists as a repository for content related to eating disorders AND for all patient data for patients with a suspected or diagnosed eating disorder. The eating disorders portal that this project is focused on is one piece of a larger portal, which houses the same types of content for other behavioral disorders (see slide 1 of the wireframes for information). The eating disorders portal will house three kinds of content: 1) knowledge-based content (research articles, plain text, etc.) that users will read and maybe interact with at a very low level; 2) a job-aid tool that guides clinicians through the client screening/assessment process, which will be largely guided data entry fields; and 3) screens on which the client can post documents, videos, links to internal and external resources, etc. The portal will be used by psychiatrists as they prepare for the patient appointment (research, prepare and send assessment to the patient using the guided data entry fields) and also when they are with the patient (the psychiatrist can log in to the portal to access the data from the patients assessment, like data, charts, graphs, recommendations for tools) as well as edit the data based on the in-person appointment. In summary, the portal is a pretty unique, cutting edge tool that could change doctor/patient interactions.
Here is exactly what we need:
We need for you to look at the attached wireframes (PPT) and design four screens (specified below). The client created these wireframes, but the screens should NOT be designed exactly as they are in the wireframes. Think of the wireframes as having all of the pieces that the final portal needs to have, but the screens shouldnt look like this. We need for you to provide the user-friendly navigation and sleek design! Please design each of the following screens (so we can give the client an idea of what each type of screen will look like):
1) Slide 2 This is the eating disorders portal landing page. It will have intro text and maybe a couple of links. The important thing to keep in mind for this page is how to present the two levels of navigation in a user-friendly way (and theres another level of navigation if you drill down into the Getting Started, How to Use this System and May we suggest tabs)
2) Slide 8 - This is an example of a screen that will house video content. The important things to keep in mind for this page are 1) how to present the three levels of navigation (and maybe highlight how you got to this screen, if possible) and 2) how a screen that houses video will look
3) Slide 14 This is an example of a data entry screen, where the psychiatrist will select what information to include on the patient assessment that he/she will send the patient (so its like a wizard). This is an important piece of the portal. The important things to keep in mind for this page are 1) how to present the 3-4 levels of navigation (and maybe highlight how you got to this screen, if possible) and 2) how a data entry/wizard screen will look
4) Slide 20 This is an example of a data retrieval/analysis screen, where the psychiatrist can view the results of data input by the patient and historical patient data. This is an important piece of the portal. The important things to keep in mind for this page are 1) how to present the 4 levels of navigation (and maybe highlight how you got to this screen, if possible) and 2) how a data presentation screen will look.
Who Is Your Audience?
The audience is psychiatrists working with patients with behavioral disorders. This audience is often computer illiterate and is used to and probably prefers written notes and physical filesso the flow and design should be sleek, easy, and intuitive. We need to wow them with the ease of navigation and the uncluttered, clean design.
We Like These Examples
Web 2.0 look/feel
We Absolutely Must Have
1 - The three-four levels of navigation shown in the wireframes (although they should be redesigned so nav is more user-friendly and intuitive)
2 - Well-documented layers (in .psd files)
3 - Uncluttered design with intuitive navigation
No Files Added