Turning the largest section of a website into a robust web application
Northern Trust needed an easier way for visitors to find it's best thought-leadership content, and promote their top experts.
After receiving initial wireframes provided by an outside vendor, we realized the wireframes were missing key functionality we desired and lacked accurate, practical examples of content and layout.
Collaborating with technology and digital marketing teams, we quickly decided to rework them in-house.
Do the wireframes just say 'Title Title Title Title Title...?'
The wireframes required substantial redesigning to achieve the correct search and filtering functionality and address all use cases.
Slowly but surely, the wireframes began to take shape. Once the design was finalized and we received the go-ahead from our stakeholders, it was time to move into the visual design then begin user-testing.
I began adding visual design, utilizing two of my favorite design tools: Adobe Illustrator and Adobe Photoshop.
First I identified and addressed in any gaps in user interface from the inherited website styles. Then I started tackling one component at a time until the look and feel started coming together.
Visual designs in-hand, we used Solidify to turn them into clickable prototypes for one-on-one user testing sessions conducted in a lab I created on-site.
I wrote test plans to address concerns about specific functionality and the layout. In total, we conducted three rounds of testing with a total of five testers, iterating and updating the design after each round
Immediately, we began receiving feedback that helped influence key elements of the UI, including areas to improve the side bar filters and compound search.
Next step: build the darn thing.
After the visual design and interactions were complete, I coordinated with the team Business Analyst (or "BA") and members of the Digital Marketing team to write the extensive requirements to ensure all application functionality was captured.
As requirements grew more extensive, we knew we were building more than just a section of a website, this was an application to itself. Our developers began to wonder, could the website CMS even handle it?
We just built an app!
The development time pushed past the new website launch of northerntrust.com, requiring a whole new “re-skinning” to match the new UI styles. Separately, we worked extensively with each business unit to create a rich new taxonomy to power the new search features, creating an extensive and robust new extension of the website.
In June of 2015, overcoming all hurtles (including a very stubborn CMS), the final product launched, perfectly matching the new website and allowing incredibly deep, compound search of content and expert sections by multiple topics, publication, date and author.Check it out