A functional website that allows users to both browse and upload case incidents.
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.
Design and develop an attractive, functional website for the online community involved in case incidents.
Wants a website where she can submit her case incidents and
keep track of where it's at in the review process.
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.
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.
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.
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.