top of page
DA UX Strategy - Journey_ New User - No Agile - PMI Customer_edited.png

UX CASE STUDY

Allow me to walk you through one of the projects i recently worked on. 

Group 2.png

Project Title: PMI Citizen Developer (Re-design)

Group.png
Three Buttons

Heuristic Evaluation

Developed by Rolf Molich and Jakob Nielsen (leaders in the UX industry​). A set of 10 key principles were used to identify problems associated with this design.

​

The heuristic evaluation usually helps me as a UX professional identify and prioritize problems in the interface into Critical, Medium, Low, and Nice to Have.

Tools used:

Miro-.png
Abstract Surface

Research

Scissors

While focused specifically on the digital experience of this project, User research was carried out with the team. Using both qualitative and quantitative methods of understanding our users, i was able to collect data in areas of concern about the website, highlight user pain point and discover areas of opportunity.

research2 (1).jpg

Tools used:

Miro-.png
Dovetail.png
Pin Cushion

Personas

During the researh period for this project, i was able to identify our key players in the use of the website.

 

The formed personas were a perfect representation of the current and future users. These were then applied to the scenarios created in the userflows below.

Tools used:

Miro-.png
Abstract Surface

One of the key stages in design for me is creating user flows. Here, i can visualize the end to end process of the user. This is the best way to overcome challenging scenarios, especially when working along side of developers.

​

After the personas were complete, i moved into flushing out scenarios using userflows.

User flows

Thimble
user1.jpg
user3.jpg
user2.jpg

Tools used:

Miro-.png
Safety Pin

Low-fi Wireframe

site.jpg
site2.jpg

Now that i have all the data collected, personas created and userflows executed, i can now use all these to help inform my decisions in the design. Not only did these steps help me make better calls, it also gave a better understanding of what i was designing.

​

A low-fidelity wireframe is what i share with major stakeholders, to help form a visual representation of the project and get the converstaion going.

Tools used:

Miro-.png
Sketch_logo.png
Abstract Surface

Once the low-fi wireframe was approved by the major stakeholders, the next step was to bring the project to it's higher resolution state for the development team to start grooming and developing. 

Hi-fi Wireframe

Sewing Machine
Citizen Developer Home.jpg
Citizen Developer Foundation (CD-F).jpg
PMI Citizen Developerâ„¢.png

Project Title: PMI Citizen Developer (Re-design)

Tools used:

Sketch_logo.png
illustrator-full-logo.png

©2020 Michael Pacheco

bottom of page