Display information: Redirect to new page or show pop-up?

I have searched for similar questions but they couldn't really answer the problem in my case.

I have designed a profile page where users can display their earned titles trough a reputation system. When users click on these titles, it should display information about how to earn this title and which user already unlocked this title.

Usability-wise:

Should I show this information on a new page, or should I use a pop-up for this?

Here are a few mockups I have created so far.

User clicks on a title to display more information

enter image description here

(1) Displaying information on a new page

enter image description here

(2) Displaying information with a pop-up

enter image description here

Usability-wise, what would be the best approach in this situation? Is there any research regarding this problem, or should I display this completely differently?