3 Great Examples of Styled Feedback Portals

After the last TeamPulse release, you have the chance to use an upgraded version of the Ideas & Feedback Portal that allows you to fully style the portal and get closer to your company’s look and feel.

Here is the original look of the feedback portal.

And this is the customized feedback portal of Test Studio for iOS.

They launched the portal as soon as they launched their testing tool for iOS so they can capture customers’ feedback, requests and ideas to make their product better and according to their clients’ needs. 

Test Studio committed to its purple & black look, so whenever users come from their website to the portal, they can only experience the natural Test Studio environment they are used to.

The following styling has been done to the Test Studio for iOS feedback portal:

Basic
• Changed background color
• Changed search background
• Changed links color
• Changed hovered links color
• Uploaded logo

Advanced
• Changed all fonts
• Added Google Analytics code
• Removed project’s name

The Testing team added their Google Analytics code to the HTML so they can observe users and engagement and interest, as convenient as they do it on their website.

With a banner on their Test Studio for iOS website, they are inviting the users to share their feedback to build together a better testing tool.

Here is another example of a customized portal - Sitefinity Steve’s feedback portal.

He has also been running his portal to capture customers’ ideas, feature requests and feedback.

Here is the list of changes Steve did to style his portal:

Basic
• Changed background color
• Changed links color
• Changed hovered links color
• Uploaded logo

Advanced
• Added pin icons in front of each of the buttons in the navigation
• Removed project’s name

Do you want to style your feedback portal?

Here is a sample of a customized portal we did for illustrational purposes.

These are the changes we did:

Basic
• Uploaded logo
• Changed background color
• Changed search background
• Changed links color
• Changed hovered links color

Advanced
• Changed the Suggest New hint text
• Updated the header
• Changes the main navigation style
• Removed the white background
• Added a menu to the portal
• Added a divider between the header and the body
• Added Twitter and Facebook share buttons

In a couple of posts we explain how to implement those changes on your own. Here is the blog for the basic changes, and the other one – for advanced portal customization. Let us know if you find them useful.

Of course, this isn’t the full list of possibilities for styling the portal. Use your imagination together with you CSS and JavaScript skills!

Haven’t tried the portal yet? Try it as part of TeamPulse. 

You already have a feedback portal?

Show us how you customized it and submit it as a case study in our TeamPulse Story Contest to win the new iPad and other shiny prizes.