Consistency in Certification Badge Design

Highlighted
Occasional Contributor | Gold Partner

We like to include all our agency employee certificaitons on our website, but there is increasing incosistency in the appearance of the badges. We are looking for a way to disply them nicely in the meantime, but are there plans to make this more consistent so HubSpot users are more likely to share their accomplishments?

Reply
0 Upvotes
5 Replies 5
Community Manager

Hey @lbowshier could you please share some examples? Thanks, this is important feedback. I know this is something our team is continuing to work on. @Julien would you be able to follow up further with @lbowshier?

Reply
0 Upvotes
Occasional Contributor | Gold Partner

The Contextual Marketing badge seems to be the only remaining outlier for the main certifications. 

 

However, the other type--not sure what they are being called these day, but I think they were non-expiring "certificates" before--are different than both the old and new badges.

 

(I tried to include the HTML but it wouldn't let me post so I had to them out). Hopefully that is enough info to help you look into it.

 

Reply
0 Upvotes
New Contributor

I'm having the same problem.  I have 5 certifications and badges are all different sizes.  This is the HTML.

<!-- Begin: HubSpot Academy - Inbound Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Inbound'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/24-5847145-1549738749377.png' />

</a>

</div>

<!-- End: HubSpot Academy - Inbound Badge -->

 

<!-- Begin: HubSpot Academy - Social Media Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Social Media'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/29-5847145-1542229565894.png' />

</a>

</div>

<!-- End: HubSpot Academy - Social Media Badge —>

 

<!-- Begin: HubSpot Academy - Inbound Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Inbound Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/23-5847145-1536925798381.png' />

</a>

</div>

<!-- End: HubSpot Academy - Inbound Marketing Badge —>

 

<!-- Begin: HubSpot Academy - Content Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Content Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/15-5847145-1553705666821.png' />

</a>

</div>

<!-- End: HubSpot Academy - Content Marketing Badge —>

 

<!-- Begin: HubSpot Academy - Email Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Email Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/11-5847145-1532789831484.png' />

</a>

</div>

<!-- End: HubSpot Academy - Email Marketing Badge -->

Reply
0 Upvotes
Community Manager

Hi @kathy12 ,

 

Thanks for reaching out! 

 

@coachcourt it looks like you were helping another user with this issue in this thread, do you have any tips for @kathy12?

 

Thanks,
Jenny


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
Academy Team

Hello All, 

 

Thank you for providing this feedback and for bringing this to our attention. We will take a look to see how we can ensure that the badges are consistent in size! 

 

Thank you, 

 

Courtney 

Reply
0 Upvotes