UX, design, and development for a custom internal webapp tracking ships on the Great Lakes and St. Lawrence.
McKeil Marine brought me onboard to design and develop an internal web application used to track and record McKeil’s shipping fleet. The goal was to create an internal application to replace the current mess of spreadsheets and email, streamline the trip management process, and gather data to increase efficiency.
ux/ui,
app design,
app development
“In mid-2019, McKeil set out to build a web-based internal data capture tool, named WhiteCap, across our entire fleet of transportation ships, tugs, and barges. A key piece of the puzzle was to have the user interface be extremely intuitive for the crew on board our vessels, while maintaining very specific and complex functionality. We interviewed several front-end developers for this crucial role, and Bryce immediately stood out with his upbeat attitude and impressive portfolio. From day one, Bryce was an outstanding member of the WhiteCap team. He asked thoughtful questions in our kick-off meeting, and his initial prototypes for key pages of the data tool blew us away with their clean look and easy-to-use interface. Bryce was always responsive to emails and calls, asked great proactive questions, and was always game to take on and nail a new technical challenge. We completed the WhiteCap project right on schedule and with more functionality than our initial design document. Everyone at McKeil, from our vessel-based crew right through to our President is very happy and impressed with the work that Bryce did. It was a true pleasure to work with Bryce and I wholeheartedly recommend hiring him – it will be one of the best decisions you make for your next project.”
Tim Livingston (Former) Director of Analytics
mckeil.com/whitecap
Google's Material UI, tweaked, remixed and expanded
I settled on the Material library based on its impressive selection of components, modern look, and active developer support. No library is going to cover absolutely everything, but it was a good place to start. From there I built out additional components and made extensive customizations to ensure the app had a cohesive look and feel, and every action felt native to the UI.
WhiteCap
WhiteCap
WhiteCap
SQL stored procedures called and displayed via asynchronous JavaScript
The app relies on JavaScript Promises that flip data to a PHP controller, which in turn calls an SQL stored procedure. The response is then passed back, parsed and displayed, all in a matter of milliseconds.
