Background Image

Journal of Critical Incidents

A functional website that allows users to both browse and upload case incidents.

Web Design/UX

Problem

The current Journal of Case Incidents website has a single page. There is nowhere to upload case incidents, review journals, or easily browse past case incidents.

Solution

Design and develop an attractive, functional website for the online community involved in case incidents.

Discovery
Target User

Reviewer/Author

Wants a website where she can submit her case incidents and keep track of where it's at in the review process.

Planning
Site Map

A site map was created to determine the Journal of Case Incidents' navigation. On the front end of the site are the basic guest pages: Viewing case incidents, learning about the website, etc. Once the user creates an account/logs in, they can do a number of things based on what their task is including: submitting a case incident, reviewing a case incident, and checking the status of a case incident they submitted.

Branding

The logo of the JCI website was kept the same. The branding of it however, was made brighter and more "approachable." Titillium Web was chosen as the typeface because it's easily readible and isn't too "hip" or "modern" for a scholarly website.

Pattern Library

Using Atomic Design, the website’s style/components were broken down into 3 parts: The atom, which is the most basic component, the molecules, formed when two or more atoms join together to create something slightly larger like a button, and organisms, when multiple molecules join together to form things like footers and headers.

To view the entire pattern library, click here.

Prototyping/Production
Live Prototype

The site was ultimately developed with the help of the pattern library. Building upon each piece, the site was quickly and efficiently set up.

To view the live prototype, click here, and continue to press "login" to get deeper into the site.