Jacket Connect*

Icons and App User Interface

Note: This project includes an interactive element. You can try filing a Buildings and Grounds work order through Jacket Connect's interactive prototype on Marvel.

mockup of two iPhones displaying Jacket Connect's app interface A mockup of two iPhones displaying Jacket Connect's app interface.

Jacket Connect was conceptualized as a more user-friendly version of Baldwin Wallace University’s old myBW portal, allowing for students to see campus news and events as well as access other resources such as buildings and grounds work orders, health center services, and student records resources.

the Jacket Connect logotype, displayed in three different colors and settings The Jacket Connect logotype, displayed in three different colors and backgrounds.

The project exists as a mock-up, but it was still important to keep in mind that Jacket Connect was to be an application which operated as part of Baldwin Wallace’s official online presence, and as such it needed to follow BW’s web formatting standards. This means that Jacket Connect’s color scheme complies with that of BW.edu, as do its usages of different typefaces, specifically Oswald for headlines and Roboto for body copy.

More creative freedom was available, however, when designing Jacket Connect’s icons. BW does not have any iconography associated with its branding guidelines, assuming we do not include any logos or seals. As such, much of the icons’ inspiration came from Google’s Material Design, which makes frequent use of recognizable geometric figures such as circles, rectangles, and lines, when possible, even if not necessarily a perfect reflection of whatever the icon is representing, so as to create a unified feel across sets of icons.

Home Account Submit Success Campus Directory Billing Start Buildings & Grounds Work Order Start Cleaning Work Order Request Safety & Security Escort Schedule Health Center Appointment Schedule COVID-19 Test Events
Hover over or tap an icon for details.

In addition to the service’s main logotype and derivative application icon, the account icon in the top right, the submit icon for the work order, and the icons in the navigation panel were all designed to go together.

You can try filing a Buildings and Grounds work order through Jacket Connect's interactive prototype on Marvel.

Disclaimer: The Jacket Connect Icons and App User Interface project (hereinafter "the Project") has no relation to the official Jacket Connect platform from Baldwin Wallace University and CampusGroups (hereinafter "Jacket Connect"). The Project was nearly complete by the time that Jacket Connect was publicly announced and any similarities between the Project and Jacket Connect, including its name and functionality, are purely coincidental.