A comprehensive corporate style guide is such a boon to designers, and this project was close to my heart because I knew my coworkers and I would benefit from it’s creation! I built this style guide entirely in WordPress, so it is easy to maintain by multiple team members as needed. It can also be referenced by vendors, partner companies, and departments outside the marketing department. It not only encompasses logo management, color palettes, iconography and imagery, but also will grow to house corporate messaging and content, making it an essential part of creating consistent, strong marketing collateral.
While the end result isn’t the most beautiful UI ever, this project is an excellent example of how good UI can completely transform the effectiveness of an interface. The original interface was extremely utilitarian, to the point of being almost unusable by all but the most expert users. Although we were very limited in the types of changes we could make, a better organization of similar functions, more intuitive headings, and buttons with more constructive messaging completely transformed this software into an experience that didn’t completely confound the user at first glance!
The Watch app is a desktop app designed to be viewed by the front office of large commercial vessels. A massive amount of data is produced by the systems that power a vessel of that size, and the Watch app ingests that data and displays it in a way that can be used effectively. It also displays weather and ocean conditions along a vessels route, allows users to track various vessels systems like fuel consumption, and allows the user to create groups of vessels to be tracked simultaneously.
I worked on a scrum team to develop a UI that would be able to effectively and simply convey a large amount of data that wouldn’t overwhelm the user, while also making it easy to drill down to the detailed specs. I created detailed, clickable prototypes and then supplied the assets and styles to the development team for implementation.