Gnarly Books

Freshdesk support center with a seamless look
and sign-in options

mockup

About the Company

Gnarly Books helps create the right cloud bookkeeping and accounting solution for businesses in Canada.

Challenges

Apart from matching the Freshdesk support center to the style of their main website, Gnarly Books wanted to add an opportunity to sign in to the personal document storage and sign-in links to partner websites on the home page.

Solution

Seamless look and feel

To be in line with the website style, we chose the ultra-modern Moose theme that features a wave pattern. We started with basic changes: colors, fonts, icons, background image with the watermark effect for the logo, links to social media pages, and footer from the Gnarly Books’ main website.

footer-on-the-Freshdesk-support-center

Footer on the Freshdesk support center

Sign-in blocks and links on the home page

The main challenge was related to multiple sign-in links that had to be on the home page of the Freshdesk support center. First, we transformed the fourth custom block into the login page for the customer document sharing portal and stylized it. The block consists of the title, two fields for the email address and password, and sign-in button. Second, we added a “Sign-in Links” section featuring partner logos with links. They are displayed on the home page as well as inner pages.

custom-blocks-and-links-on-the-home-page

Custom blocks and sign-in links on the home page

A user-friendly layout that avoids clutter

Custom blocks looked cluttered when they had large bright icons, titles, and descriptions. To make them look neat and clean, we deleted the descriptions. Another problem was a large number of articles that required a long scroll to get through all of them on the home page of the Freshdesk customer portal. To solve it, we hid the category tree. Now customers choose the category and get to the page with all of the articles populating it.

As a result, the main page of the Freshdesk support portal has custom blocks and category list from the default Moose template. Inner pages have sign-in links to partner websites and Related articles from the same section instead of Zendesk’s default Recent articles.

Before

After

Results

Gnarly Books provides seamless customer experience to their clients. Their Freshdesk support center mirrors their main website and makes users feel comfortable and secure. The overall design looks neat and uncluttered. To add more partner logos via code modification, Gnarly Books received a manual from us.

Freshdesk-support-center-design-for-Gnarly-Books

Create a seamless look and feel for your Freshdesk support center

Explore themes

We use cookies to provide you with a better service and for promotional purposes. By continuing to use this site you consent to our use of cookies as described in our Privacy & Cookie Policy.
Thank you!
Your information was sent perfectly.

Request a Quote

Answer these questions to get a quote for Freshdesk or Freshservice customization.

If it’s enough to have your support portal look like your website, purchase a theme and branding service and branding in our online shop to save time:

What is your name? *

Thank you for taking this questionnaire. It will take two or three minutes only.

Your answers will help us get a sense of where you would like to go.

Feel free to skip any question.

Where can we find your website*

What is your Support Portal URL, if you have one?

What is the single most important objective of the Support Portal project? What can you tell us about your project? Do you have any requests or expectations?

Tell us why you are considering the Support Center update? Do you have extra information, comments or requests you would like us to consider?

Do you have a mockup for a new design of the Support Portal?

Do you need the header and footer for your Support Portal to be the same like on your main site?

How do you think, which of our themes would suit your brand the best?

Use the link to observe our collection:

Choose as many as you like

What is your budget range for this project?

What is your corporate email address to contact you on? *

Please use your corporate email. In these latter days, we receive too much spam messages from personal emails.

What is your phone number to reach you?

Please add the international call prefix (+1, +44, etc.)

Please submit recaptcha