Wellesley Work Order Website

Wellesley Work Order

Design Concept
BakeBot

BakeBot

AI Voice Recognition Software
Spam!

Spam!

App Design for Civic Engagement
International Swim Coaches Association

International Swim Coaches Association

Website Design and Development

Work Order Website Redesign

GitHub Logo Visit Website

By: Aubrey Cantrell, Adriana Castillo, Sheker Atayeva, Tenzin Yangchen

Our project aims to address the issue of the inaccessibility of Wellesley's work orders website for students. Currently, the platform lacks a cohesive way to submit work orders and does not support access from mobile devices. This creates significant challenges for students, particularly in urgent situations such as dorm heating issues in cold MA winters. We developed an intuitive Wellesley work orders webpage with CSS, and HTML. The platform offers effective communication with maintenance staff and is accessible on both mobile devices and PCs.

This project was created through Wellesley's Career Education Program in the Coding Track, where students aim to pursue leadership, teamwork, professional and career development, and learning git and GitHub to better prepare themselves for their ideal careers. The program runs from Jan 13 - 20 as an intensive combination of courses and workshops on project development, coding skills refinement and networking. I collaborated with 3 three group members to redesign the Wellesley work order platform to consider user needs and develop solutions to imporver the user experience.

Design GIF

Current Design

Design GIF

Our Design

๐Ÿ“ Milestones

  • Milestone 1 (End of Day 1): Get base files onto GitHub and start base HTML/CSS templates.
  • Milestone 2 (End of Day 2): Edit and refine the code for the website, including:
    • Front home page
    • Sign in
    • Three categories of services with images
    • Faces of people to reach out to (CDs, Head of Maintenance, Campus Police)
  • Milestone 3 (End of Day 3): Implement tracking work order feature and enhance visual design.
  • Milestone 4 (Presendation Day): Troubleshoot and polish the website.
Design GIF Low Fidelity Wireframe

๐Ÿ› ๏ธ Project Goals

  • Create a User-Friendly Interface: Design an intuitive and streamlined webpage for Wellesley work orders.
  • Seamless Staff Communication: Enable users to connect with staff quickly and efficiently.
  • Accessibility Across Devices (Optional): Ensure the platform is accessible and responsive on both phones and PCs.

๐Ÿคนโ€โ™€๏ธ Features

  • Create Request
  • See Past Requests
  • See Pending Requests
  • Feedback Form
  • Secure Log In
  • FAQ Section
  • Facility Contact Info

๐Ÿงฐ Tools and Technologies

  • Javascript
  • HTML
  • CSS