We’re Blend Commerce

Contact our team using the options below

hello@blendcommerce.com
+44 (0) 1789 765 822
+1 (833) 456-4236

Courtyard Offices, 55 High St, Alcester B49 5AF

Search our shop

    We’re Blend Commerce

    Getting in Touch

    Contact our team using the options below

    hello@blendcommerce.com
    +44 (0) 1789 765 822
    +1 (833) 456-4236

    Courtyard Offices, 55 High St, Alcester B49 5AF

    What is HotJar?

    Founded in 2014, Hotjar is a company that is dedicated to helping people create websites their users love.

    Hotjar is a tool trusted by almost a million websites in over 180 countries. The online tool allows designers, developers and merchants to monitor their website and study the behaviour and voice of their users. This is achieved by combining both analysis and feedback tools, which gives you a bigger picture of improving your website user experience and performance.

    Why do we use them!

    User experience (UX) focuses on having a deeper understanding of the users, what they need, what they value, and their limitations.

    This is where HotJar comes into play. The ability to track the way a user moves on a page, how far a user scrolls down the page, and where they are clicking or tapping the most, and the least helps analyse the overall user experience. This allows us to get a better understanding of the user’s expectations.

    Based on our analysis, we can then go away to generate user-experienced and best-practised opportunities for our clients, which enhances the performance of a user through the site and eventually increases conversion.

    Why do we partner with Hotjar?

    Long story short, we think Hotjar is the best solution in enhancing a users’ experience. We like to provide ongoing updates to their stores and improve the overall shopping experience with our clients. With the HotJar tool, we can monitor the way users navigate through the site and, based on this. We can make improvements if needed.

    This process can lead to a better design, lower bounce rate, fewer drop-offs, more views, and enhance conversion rates.

    The other main reason is that this tool provides us not with HeatMaps but it would also allow us to view video sessions of how new customers are interacting with the site. There isn't a tool that allows for this, and HotJar beats the rest. One more reason, it’s also straightforward to use, and our clients love it.

    Did you know Hotjar rebranded?

    With all that said, let’s talk about Hotjar’s rebrand.

    This week Hotjar announced their new rebrand with a shiny new logo, a new set of colours and a playful typeface. 

    Hotjar believes “a brand is a person’s gut feeling about a service or organisation.” Based on this, they have broken their rebrand into three categories. These include; how they express themselves, how others experience them and how they share their brand as people.

    Hotjar wants to express its brand on traditional materials and online platforms by having a brand that works well throughout all. They achieved this by looking at how their logo works on their website and merchandise such as; tote bags, t-shirts and digital banners.

    They have also researched how others experience Hotjar. They understand that people who use their services see their products every day and are living the experience they provide. With that said, they wanted to create a brand that represented trust and transparency.

    Icon

    They began their design process for the new icon by creating a line in motion that represented the user's journey. For the second attempt, they went down the route of human connection with duplication and symmetry.

    In the third sketch, they incorporated a flame. This honours their past branding and is for audiences that recognise the flame as hotjar. Combining these three elements, they created the icon that you see today and soon will see everywhere.

     

    Hotjar Icons

    Typeface

    Hotjars new typeface is called Ambit (by the excellent CoType™ Foundry). Their website talks about it as “inspired by early grotesques, but adapted for the 21st century.” Hotjar said that they chose the typeface because it’s legible, clear, and accessible. The typeface is also fun, playful and full of personality.

    This works well with their brand and tone of voice. It’s inviting and has a personal touch to it.

     

    Typefaces

    Colour Palette

    The research that has gone into the colour palette is quite impressive. They have based their new colour palette on flames, with a mixture of hot and cool tones. We think this is an excellent touch to their branding and works so well to convey a message of empathy and the human spirit.

     

    colour Palette

    Trace lines

    Throughout their website, you will notice graphic elements such as the lines that they refer to as ‘trace lines’. This is to represent recordings and how people behave online. They said that “Our trace lines move in ways that show the range of human emotion; sometimes calm, rounded, and smooth; sometimes jagged and full of frustration or passion.”

     

    orbs

    Orbs

    Working along with the traces line, they have also introduced ‘orbs of colour’ to represent the heatmaps. This can convey both literal heat and the figurative warmth of human connection. When used together, you get a new illustration style, which adds character and personality to the brand.

     

    hotjar logo

    Overall the new rebrand feels like growth. We also personally love the ideology of putting the people at the heart of everything they do. From the simple traces lines to the colour palette. A lot of research by the London design agency How & How has gone into this rebrand, and it shows. Our faves are the orbs and trace lines, as this reminds us of the user journeys within the insights on the app.

    About the author

    James, UI/UX Designer

    James

    UI/UX Designer

    After two years in the design industry James has worked in most areas of design. From print and branding to web design. He has had the opportunity to practice his skills in all areas of design and now has joined Blend to expand his knowledge in e-commerce. Working closely with the design and dvelopment team, he brings new and fresh ideas for our ever growing client list.

    Let's achieve better Shopify store performance. Together.

    We help clients achieve significant results. On average, clients who work with Blend on design & development projects for their Shopify store achieve these results after 3 months: