GSA 2015 Hackathon – Data Center Tool

Category: UI / UX, Web Development

Technology: Bootstrap, HTML, CSS, JS, Cloud9, Adobe Illustrator

Role: UI/UX Designer, UI Developer

I competed in a 6-hour hackathon where we were tasked with creating a Data Center Tool to help track and manage data centers. We used tools such as Cloud 9 (think Google Docs for code) throughout the hackathon to increase collaboration. I created the initial mockups and validated the design with the key stakeholder before starting to build the application UI. We used Bootstrap to build an interactive and mobile-responsive prototype that displayed the general flow of the app. Overall the design was a success and our team won the hackathon, ultimately leading to a real contract to build the full application.

Screenshots

Mockups

Create-a-New-Quarter-page

User-Dashboard-page

Edit-Data-Center-page