JMURJ Website Redesign


Web Design /

I redesigned the entire JMURJ Website via Cascade, a content management system. The redesign included making the five cover images on the home page carousel in Illustrator, adding pictures to the site, creating buttons and the header bars, and repositioning the content. 

Everything seen on the site, except for the written content and the images that are not from 2018, was created by me.

See the Website

The Process

jmurj-sitemap1

I started this redesign by creating a site map of what I wanted on all the pages along with the main navigation.

Cascade

The Cascade content management system uses a file folder hierarchy, which can be seen on the left hand side. I was tasked with creating these folders, renaming old pages, creating new ones, and updating the urls when necessary.

Home Page Carousel Web Banners

jmurj web banners

James Madison Undergraduate Research Journal Homepage Carousel Banners were created by me except for the first one. The first web banner was designed by a member on my design team, however, I assisted in the layout of the design. All banners were inspired by the current JMURJ banding in addition to previous JMURJ volumes. All photos were  submitted by students that attended James Madison University in previous years. 

The home page of the redesigned JMURJ website. The old home page used to have no content on it at all. It consisted of old carousel banners and a facebook overview widget. 

The “What is JMURJ” and “Meet the Editorial Board” page of the redesigned JMURJ website.

About the Process

The real challenge about this project was teaching myself how to create pages and content blocks in the Cascade content management system. Being the student web & content editor in the JMU Office of Admissions, I have had prior experience using this CMS, however, I only knew how to edit in the system. With the help of my advisor in the Office of Admissions, she guided me in the right direction and showed me how to create content blocks. With some practice and self teaching, I learned how to create content blocks and apply them to the pages. 

The design colors of the website are based on the branding colors of James Madison University. We also incorporated a turquoise color, which can be seen in a few of the homepage banner carousel images. All three of these colors are what make up this years 2018 – 2019 JMURJ Volume 6 edition!

See the Website