Redesign: University of Mary Washington Homepage

Graduate Research
RUCD 120: Cognitive and Social Psychology of User Centered Design at Brandeis U, Year: Spring 2017
Final Project

For my final project, I identified a design problem, analyzed the purpose of the design and the audience, provided solutions to the design problem, and built a mockup of a redesign that creates solutions to some of the design issues. In addition, I analyzed and discussed cognitive and social psychology theories that can be applied to design, and how they are relevant to my design problem and solution.

Redesign_UMW_Homepage_Jessica_Reingold

Download PDF

Division of Teaching and Learning Technologies

Division of Teaching and Learning Technologies at UMW, Year: 2016-Present
Tools: cPanel, Installation Applications Installer, WordPress (Premium theme with Visual Composer page builder), CSS

I am the site manager and digital content producer for DTLT’s website. I built the site using a premium theme, Uncode, and the page builder plugin, Visual Composer. I built a child theme for Uncode so that way I could make a few CSS changes. I’ve built eleven unique page styles, each of them serving a different purpose and trying to convey specific information in the best way possible. I also reorganized and updated the documentation guides on the website. As of March 2017, there are over 20 documentation guides that I update whenever the digital platforms and tools update. I also built the page template for our Building Blocks of Domain of One’s Own, which are a series of adaptable modules related to digital identity and understanding the web that faculty can use in their courses. In addition, I took and edited all of the head shots (I did not take mine) for my team members. In total, I manage 45 pages across the site, and have co-produced the content for all of them,

Domain of One’s Own Site

Domain of One’s Own (UMW Domains), Year: Late 2016-Present
Tools: WordPress (custom theme, custom page template, custom plugin), CSS

Domain of One’s Own (DoOO) is a project at the University of Mary Washington managed by the Division of Teaching and Learning Technologies (DTLT). The DoOO project allows UMW students, faculty, and staff to register their own domain name and associate it with a hosted web space, free of charge while at UMW. With their Domain and corresponding web space, users will have the opportunity and flexibility to design and create a meaningful and vibrant digital presence. In December of 2016, the Digital Ocean droplet that the DoOO was on, was accidentally deleted. In turn, everything was lost except for some page templates that have important account content information for users, which can be recreated with a custom plugin my colleague, Martha Burtis, and I built to allow shortcodes to call the custom page templates. We rebuilt the site together in four hours one afternoon. I saw this as an opportunity to redesign and clean up the website. Many of the features on the old site had broken (the screenshot is from a while ago and from the Internet Archive Wayback Machine), and since we needed to get the site back up and running for users, I decided to leave any broken features off of the site until we could return to them, and if we wanted to return to them. The new site is very simple and has all of the information the users need. Below are some screenshots of the design of the DoOO site. Two of the screenshots for pages are internal pages, the Migration Information page, and the cPanel page. The cPanel page is a custom page template that has cPanel embedded on the page and takes up the entirety of the page.

Undergraduate Portfolio Site

Year: 2014 – 2015
Tools: cPanel, Installatron Applications Installer, WordPress (Custom Child Theme)

In the Fall of 2014, I redesigned my website that I created through UMW’s Domain of One’s Own project to become an online portfolio and resume site. This site, built with WordPress, featured a heavily customized child theme of the free version of Flato. I customized nearly every aspect of the theme’s CSS and created a custom WordPress page template for the home page.

Free Version of Flato
Free Version Flato. View Demo
A screenshot of my site as it was during my undergraduate years
My child theme of Flato. View Full Site

 

 

 

 

 

 

 

In the Fall of 2014, I redesigned my website that I created through UMW’s Domain of One’s Own project to become an online portfolio and resume site. This site, built with WordPress featured a heavily customized child theme of the free version of Flato. I customized nearly every aspect of the theme’s CSS and created a custom WordPress page template for the home page.

Chakras and the Avatar State

English 376VV: Electronic Literature at UMW, Year: Spring 2015
Tools: Twine 2.0,  SugarCube (v1.0.17), Easy Imagemap Generator, iMovie, cPanel, HTML & CSS

Chakras and the Avatar State is an electronic literature (elit), hypertext adaptation of the Avatar the Last Airbender episode entitled “The Guru.” from Book 2: Earth, Chapter 19. This project was prompted by an assignment for my English 376VV: Electronic Literature course at UMW. The adaptation has almost exact dialogue from the transcript of the episode, but does change how the dialogue is perceived by readers. While the transcript and the episode shows Guru Pathik solely talking to Aang, the elit adaptation leaves Guru Pathik’s dialogue undefined and open-ended to create an atmosphere that allows for the reader to be in the scenes themselves. I wanted to allow readers to go a spiritual journey with Aang and the guru instead of just watching Aang’s journey like it’s presented in the television show.

Journey to Controlling the Avatar State. Made with Twine
View Site

Works Used
Transcript of Book 2, Chapter 19: “The Guru” (slightly adaptated)
Book 2, Chapter 19,”The Guru,” and Book 3, Chapter 21, “Sozin’s Comet, Part 4: Avatar Aang.” Created by Michael Dante DiMartino, and Bryan Konietzko. Avatar: The Last Airbender. Nickelodeon. Animation, Action, Adventure, 2005-2008.
“Peace/Harmony” By Jeremy Zuckerman and Benjamin Wyn on Avatar: The Last Airbender Soundtrack
No copyright infringement intended.

 

Textual Analysis of Doctor Who

DGST 101: Introduction to Digital Studies at UMW, Year: Fall 2014
Tools:  HTML & CSS, Voyant

I hand-coded this web page for an assignment called “Digital Textuality” in my Introduction to Digital Studies course that I took in the Fall of 2014 at UMW. The goals of this assignment were to use some software to analyze and draw conclusions about some cultural text and to use HTML to code a web-based essay that communicates the findings of that analysis. As you can see on my webpage, I hand-coded both the HTML and CSS, as well as used the digital tool, Voyant, to analyze my texts.

Screenshot of Textual Analysis of Doctor Who. Hand-coded.
Textual Analysis of Doctor Who, View Site

University of Mary Washington Then & Now

History 428: Adventures in Digital History at UMW, Year: Spring 2014
Tools: cPanel, Installatron Applications Installer, WordPress (Child Theme), iMovie, Adobe Photoshop CC, CSS

In the Spring of 2014, I took the senior seminar History course, History 428: Adventures in Digital History. In this course, we had to create websites that explored a topic in digital history. Our mission was to create and display a digital exhibit of then and now photographs depicting the University of Mary Washington’s Fredericksburg campus dating from the school’s establishment in 1908 through the present time. We also did our best to provide context for each of the photos in an effort to portray the evolution of student life and campus structure. The site has a responsive WordPress child theme, which I created, featuring customized HTML and CSS elements I designed and incorporated myself. I also took many of the pictures on the site, and create some of the “blended” then and now pictures using Adobe Photoshop. View Site

First Website

English 375: Web Authoring and Design at George Mason University, Year: Summer 2012
Tools: HTML & CSS

I created this site by hand-coding HTML and CSS in the summer of 2012 as my final project in English 375: Web Authoring and Design at George Mason University. In this course, I learned basic HTML and CSS coding, and how to build out a basic web site. My professor suggested making an online portfolio for ourselves, however, I chose to make an online portfolio site for a friend of mine who was pursuing a BFA at George Mason at the time. The original site was taken down since the web space was only temporary, but this is what it looked it. The links to his writings are just placeholders to show where they were. I also did not know how to make sites responsive back then.

Screenshot of my first website
Screenshot of my first website, View Site