Two of the same badges appear together in the same card within the Wins Page

[abuna1985]

Overview

We need to have unique icons for the three types of mentoring on the wins page to indicate the difference.

Action items

Development

• Replace old mentorship badge icons with new ones as shown in linked Figma file in the yellow box, see this comment below to know which ones you are looking for Two of the same badges appear together in the same card within the Wins Page #1911 (comment)

Extra details you probably don't need to read (from before the issue was assigned to dev)

When the following wins are chosen:

• I mentored someone on my team
• I mentored someone on another team
• Found a Mentor

They show the same icon. We would like to find/create new icons for 2 of these so that each win has a unique icon.

Current card with I mentored someone on my team and I mentored someone on another team

Action Items

Team discussion

• Determine with the website dev team how feasible it is to come up with a new icon for I mentored someone on another team

Design

• Find 2 new icons (NounProject is a good resource) in a similar style to current icons.
• Replace old icons with new ones in this Figma frame
• Add credit information for new icons, following the way it's listed in the green rectangle on the same Figma file.

Resources/Instructions

• https://hackforla.org/wins/
• Issue 1817 thread - background
• Figma - Wins Page Yellow rectangle section shows updated design with unique icons.
• NounProject

[janieche]

Progress: Assigned, next steps are to look for new icons and replace in Figma
Blockers: n/a
Availability: 7/30 (evening), 7/31 (morning, early afternoon), Tuesday (evening)
ETA: Wed 8/4

[janieche]

Added two new mentor icons. The final version is in the yellow frame here.

[kristine-eudey]

Design work has been reviewed and is ready for development. Image credit links are in green frame.

[ExperimentsInHonesty]

[kristine-eudey]

@ExperimentsInHonesty the current design with the new icons are shown in the yellow rectangle here