Duquesne Incline Website Redesign
description
This website redesign project was a website development project for
Information Systems Milieux at Carnegie Mellon University. Duquesne Incline
was our prompted client for the project, and each of us had to create a website
from scratch that encompasses all the key elements the client wanted,
while also accounting for usability and design. The project consisted of keeping track
of user stories, user testing, a design guide, and more. The project required using
HTML, CSS, JavaScript, jQuery, API Integration, form validation, and more.
Due to the time constraint and requirements of the project, there are no media queries.
The website can be viewed here.
timeline
03/2025
role
individual
tools
figma,
vscode,
html/css/javascript
design
design guide
We were instructed to first create a design guide to reference and follow during the creation of the website and wireframes. I decided to base my design on an image I found of the Incline, and built a color scheme through the colors in the image. I wanted a font that was clear to read, but also fun to view since the Incline is a tourist sight.
wireframe
I built my wireframe in Figma and established how I would want the site to flow (though some changes were made later). I utilized my design guide and made sure to highlight the pages the client wanted easily accessible, and maintain a certain hierarchy.
testing/documentation
deliverables
There were several deliverables that had to be submitted/made for this project. Some of them include a task breakdown, user stories, and user testing.
For the task breakdown I noted down the different tasks that would need to be completed for the project and their corressponding expected due dates. After I finished a portion/task, I would update the chart to include the date I actually finished the task.
User stories are critical to understanding how the site may be used and how to accomodate for those uses. I created 7 different user stories that include different type of users and their goals. Referencing these user stories helped me ensure my website catered to multiple groups.
In order to test the website, I used a user testing protocol that I created and had two users run through 5 different user stories and perform a think aloud as they went through the website. I created a transcript of the testing and edited parts of the website based on their feedback.
final
