EY Global Community

IA / UX Design | Research | Prototyping | Coding
Project Type:
Responsive Website
Duration:
6 Months
My Role:
Research, Wireframes, IA/UX, Prototype, Development, Learning Documentation and Training
Challenges/Goals:
During a global transformation of the Core Business Services service line in EY, I was tasked with researching and pulling together the various websites owned and operated by six different sub-service lines into a single website (Global Finance, Brand, Marketing and Communications, HR Services, IT, Procurement and Risk).  The new website had to connect with each individual service line audience, while building an intuitive information architecture and develop a coherent visual language.
Research:
Results from research:
From the sessions with the owners I was able to make my recommendations to leadership what websites would to be included in the transformation, and which needed to be deleted.  Product owners were given the option to archive or redesign others (in the new IA/UX produced for this project).  I quickly realized through my data analysis and questionnaire, users of each site were basically getting there in the same ways with the same “key” goals in mind.

How:
Why:
Getting everyone on the same page:
Bringing the site owners together to agree on anything was the main and most difficult hurdle.  After my research I was able to illustrate how each user-base wasn’t as unique as they originally thought.  In fact,  the users and their needs for each site were very much in line.  This helped us determine our strategic goals and come together as a single unit to deliver a high quality, easy to use website.
Information Architecture (IA):
Once I analyzed the data I gathered from the personas, I was able to find the patterns and capture the persona’s goals, needs, behaviors, concerns, experiences, likes, dislikes, etc.  From this info (and the interviews), I felt we needed to keep the structure compact by splitting it into just a few major sections, making it quick and easy for our users to get the information they’re after. Using a combination of the EY hierarchy and industry standard terms/taxonomy we all happily signed off on a coherent structure that worked well for each sub-service line.
Wireframes:
The best way to explain how a website will look and function to leadership is visually. Leading weekly calls with the owners to illustrate design, functionality and progress helped keep everyone on task and excited about the future state of the new site.
Space was allocated for a secondary and tertiary navigation on the Desktop view.  That secondary navigation, along with a hero image indicating site location (About, Working in..., Comms, etc.) helps users visually identify their location within the site, quickly. I dropped the tertiary navigation in the mobile view, but the identifying visual, with secondary navigation remains prominent throughout the site.
Mock-ups / Prototypes:
I put together a series of mock-ups for the group to review and discuss. I walked them through each series, gathered their feedback, then went back and tightened up the designs in Sketch.  After agreeing on layouts as a group, I set up a working prototype using the Sketch designs and Flash for functional interaction. This is a great time of getting the stakeholders excited for things to come.

User testing:
Because the firm is global it was important to have a usability ‘test’ go out to users in each region, specifically targeting areas such as, the Far East, UK, US and parts of South America.  I mocked up the site, with a few sections/pages, asking basic and advanced queries to get an idea how the initial layout, design and structure are perceived.  I was able to secure a moderator in a few locations, but in others I had to rely on phone/video calls.  That worked out very well and had some nice findings to share with the others.

Building a successful website:
In the end, a successful site was launched with a clean, creative layout and easy to navigate structure.  We were able to successfully combine content from multiple business unites while making it a seamless and enjoyable experience across the board.

Prototyping for responsiveness:
Active links are indicated with a yellow ellipse.
View prototype
Companion Sites:
A number of companion websites were constructed based off my Design System.  If I wasn’t leading the effort myself, I was easily able to send out a link to the system with assets along with best practices and learning material. This along with my ongoing consultation, a suite of websites were transformed and constructed for the business unit. They were delivered ahead of the completion of the business transformation.