Our challenge: We were commissioned to bring “industry” content up-to-date with the “country” content and improve the design to increase the cross-sell of other products.
Workshops – stakeholder management – information architecture – interaction design – UI design – wireframes
This is how the EIU looks now. Originally, the EIU's Industry content was shown as below and they wanted it changed to something better: It should be less confusing for readers, it should more clearly indicate the breadth of content available, and it should increase the cross-sell of other products the EIU was selling.
A screenshot of the original site that we were to replace
Content inventory – a display of all the content and how it all links
The first task was to understand what we were working with so we began with an audit of all the industry content. In addition, we looked at the new design of country content (which had already been migrated upward) to see the general principles that we had to design with.
A photo of the whiteboard from a stakeholder workshop
We worked closely with stakeholders to better understand their needs and to clarify our misconceptions of the EIU’s work. We initially thought it was like a newsroom that needed quick throughput of work but while there was a need to publicise some things quickly, there was a bigger emphasis upon quality. Stakeholders were interviewed and some interactive workshops planned so that we could also understand how they prioritised information.
A picture of the proposed information architecture model
A new information architecture was crafted to show the new structure of the site and a possible navigation pattern. The whole site’s navigation had to be changed to accommodate some requirements outside of this project.
Hand-drawn sketched wireframes
Wireframes: Many iterations of wireframes were drawn first using pencil on paper sketches, then on Visio., feedback to stakeholders (subject matter experts, Marketing, management, project team). Hand-drawn sketches were useful for rapid prototyping because they could quickly elicit feedback.
High fidelity annotated wireframes
This is a screenshot of the site when it was finally released. This was a proud day for our company to see all the thoughts put into design and made real by the wonderful developers at the EIU.
A screenshot of the final website
Need a consultant to do some UX work for you? Fancy being audited against ISO 9241-210?
Want an official qualification in UX? We can teach the British Computing Society's foundation certificate in user experience.
Fancy a few hours learning some new UX skills? We offer workshops on a range of subjects.
HCI and UX courses for further and higher education sectors.
Here are some cool tools to help get your UX job done. Whether card sorting without recruiting participants, or measuring people in detail, see what we have to offer.