Journal of Bone & Joint Surgery

Product design

Journal (JBJS)

Product design

Journal of Bone & Joint Surgery

Product design

Content Management System

Content Management System

Journal of Bone & Joint Surgery

Journal of Bone & Joint Surgery

Content Management System (CMS) interface for the Journal of Bone & Joint Surgery, a renew UI for internal use of the journal personnel. The goal of this project was to create an intuitive and efficient interface for authors, editors, and administrators to manage content seamlessly.

Client

Allison & co

Services

UI design

Industries

Healthcare journalism

Date

January 2023

The challenge

The challenge

The initial phase consisted of understanding their current workflows. Key findings included:

  • A requirement for robust content management, including articles, images, videos, and supplementary materials

  • A need for a user-friendly interface that reduces friction in content submission and review processes, to be built into a limiting existing software (file maker)

Diverse user base, each with unique needs and levels of expertise:

  1. Authors: Medical professionals and researchers submitting articles for publication.

  2. Editors & Reviewers: Journal staff responsible for reviewing and editing submissions.

  3. Administrators: The team responsible for managing the journal publishing and ensuring its smooth operation.

Process

Process

In the discovery phase I got to know the team was not interested in investing in redoing the information architecture of their current CMS, but instead, were in need of reducing noise and making better sense of their daily tasks. Given that, I focused on delivering a few stylesheet proposals to decide which design direction to go for.

With the final decision in place, wireframes and prototypes were created to visualize the interface and flows. Notice that the implementation tool was very limiting development-wise (file-maker), but still, the basis of the design remains:

  • A clean and more modern design with a focus on readability.

  • Colour-coded status indicators for drawing attention to focus areas.

  • A well-organized menu for navigation, categorizing features based on content nature.

  • A submission workflow that guides authors through each step of the process.

  • Editable user-friendly table listings to check all tasks and their status, including the log of time and reports for managers.

Solution

Solution

The main task consisted of translating their current solution into polished visual screens.
I was in charge of:

  • Developing a cohesive design system that encompassed typography, colour schemes, and visual elements that align with the Journal of Bone & Joint Surgery's brand identity.

  • Creating high-fidelity mockups and prototypes that illustrate the final flows of the CMS new interface.

Throughout the development phase, close collaboration with the production team was essential to ensure the design was faithfully implemented. This involved providing design assets, guidelines, and iterative feedback to maintain design consistency.