Role: UI/UX Design
Duration: 8 weeks
Transparency International is an independent, non-governmental, not-for-profit with a mission to stop corruption and promote transparency, accountability and integrity at all levels and across all sectors of society.
Transparency International is a global movement with presence in over 100 countries. Each chapter except the United States currently has a website.
· Information Architecture for the official U.S. website with the goal of providing: education, awareness, volunteers and donations
· Collaborate with internal developer on feature implementations
Please design for responsive web. So we require desktop screens as well as mobile screens
· Page performance (Loading time)
· Limited screen real estate on mobile
After reviewing the client brief I broke the project down into phases upfront, and planned what can be achieved in each phase so that the client could review the progress at each milestone.
I was lucky enough to have access to existing websites and data from other chapters. This was helpful in capturing the organizations identity and learning what the analytics was showing.
I spent some time reviewing whatever access I had to the Google Analytics of existing sites. This would be a base of understanding around Transparency International current digital platform from which we could then build a more engaging and seamless experience for the U.S. site.
For SEO and Labelling
What search phrases are users typing directly in the sites search?
Critical Tasks and Scenarios
What are users typically and frequently doing from search phrases, entry, and exit pages?
Key Calls to Action
What were the critical actions the user was taking based on information from the entry and exit pages?
Defining Project Success
Tying goals to actual key performance indicators, would allow us define success in measurable metrics that can be continuously tracked and reported on.
Core User Tasks
I mapped out each critical task for the user groups into user journeys detailing the steps and screens/pages a user will step through. This forms the basis for which wireframes to create.
To test the platform's navigation, I set up a few tasks for users to answer in UsabilityHub. This helped us validate our approach.
Task 1: Click on where you would go to find job listings.
Task 5: Below is a menu navigation for a company. You are looking for issue specific articles. Where would you click to do so?
Task 7: Click on the quickest way to find the resource library
OUTCOME & LESSONS
The Transparency International website for the U.S. is currently in the Visual Design phase. I enjoyed the scope of the project and the opportunity to practice the end-to-end UX process. I was able to refine my process and cement a UX blueprint that I can bring to future projects. Having to update the client continuously, having planned the phases and milestones proved to be valuable. It also acted as a compass in my own work, reminding me of purpose at each stage.