Form followed FunctionThe team was already working with a design created by the team's developer. It had all the functionality they were looking for, but had a bunch of improvement opportunities in both UI and UX.

Building it OutBecause most of the functionality was already baked in and the architecture complete, I jumped right into wireframing, pushing myself to find a way to find a look consistent with the current aesthetic, while still finding smart ways to enhance the user experience. Quickly implementing many different concepts created more and more ideas, which led to finding the best solution.

Simplify, Simplify, Simplify.Soliciting feedback from my team and the stakeholders, the design was refined to a "live preview." All edits were done right where they would appear on the sent email, eliminating the need for a separate preview page. The Project List page was brought back, keeping the project focused solely on the content.

Crossing t's, Dotting i's. Adding Responsiveness.Once the visuals were nailed down for the desktop site, attention was moved to the mobile version. The designs were specced out, and sent out to development for implementation.