Hotjar成立于 2014 年，是一種工具，能夠發(fā)現(xiàn)用戶在訪問網(wǎng)站時(shí)的行為方式以及他們的強(qiáng)烈感受。Hotjar為其客戶提供"產(chǎn)品體驗(yàn)洞察"，使用熱圖可直觀地看見用戶在網(wǎng)站上的點(diǎn)擊、移動(dòng)和滾動(dòng)位置;錄制以獲得用戶在網(wǎng)站上的實(shí)時(shí)播放，看到點(diǎn)擊，鼠標(biāo)運(yùn)動(dòng)，U型轉(zhuǎn)彎，和憤怒點(diǎn)擊（"憤怒點(diǎn)擊"，哈哈！反饋，通過實(shí)時(shí)建議框的網(wǎng)站，用戶表示沮喪或喜悅的個(gè)別部分的頁面;和調(diào)查，以更好地了解用戶。其200多個(gè)團(tuán)隊(duì)大多位于馬耳他，員工遍布?xì)W洲、美洲和非洲，其產(chǎn)品已在180多個(gè)國家的90多萬個(gè)網(wǎng)站上使用。（我個(gè)人以前沒有聽說過 Hotjar， 但根據(jù)收到的提示數(shù)量， 我猜你們很多人有。

他們標(biāo)志性的"火焰"logo設(shè)計(jì)，看起來有點(diǎn)像Tinder的，用戶的反饋告訴他們，他們的品牌太新潮，不夠包容。自 2014 年成立以來，Hotjar 一直享有指數(shù)級(jí)增長，其品牌形象設(shè)計(jì)需要迎頭趕上市場(chǎng)發(fā)展。現(xiàn)在，他們行業(yè)領(lǐng)先的產(chǎn)品是數(shù)百萬用戶的重要工具，它使公司能夠了解用戶在其網(wǎng)站上的行為，從而能夠看到他們需要什么，并衡量他們的感受。

品牌設(shè)計(jì)公司想為未來打造一個(gè)品牌。其中一個(gè)考慮了三個(gè)非常重要的因素：他們的受眾，他們的愿景（把人放在每一個(gè)產(chǎn)品的核心）和他們的目的（通過同理心激發(fā)變革）。

舊的LOGO是相當(dāng)不錯(cuò)的， 有一個(gè)適當(dāng)?shù)臒o襯線技術(shù)和一個(gè)良好的集成和令人信服的設(shè)計(jì)火焰在 "j" 之上。我可以看到它的問題看起來像火種， 但我懷疑有人會(huì)混淆這兩個(gè)產(chǎn)品。我確實(shí)同意 "太過創(chuàng)新" 的看法， 但值得稱贊的是，它比大多數(shù)初創(chuàng)公司的LOGO執(zhí)行得更好， 更清晰。

新LOGO設(shè)計(jì)去掉了火焰，采用一個(gè)抽象的LOGO，而不是火焰，這個(gè)LOGO比火焰更像是火焰散發(fā)出的熱浪，但我可能認(rèn)為它是一個(gè)真正的火焰。logo解釋視頻中的動(dòng)畫很好地將平行線分解為火焰，因此這是一種可以在社交媒體上構(gòu)建并創(chuàng)建關(guān)聯(lián)的運(yùn)動(dòng)姿態(tài)。在執(zhí)行過程中，圖標(biāo)感覺有點(diǎn)僵硬，看著構(gòu)造動(dòng)畫，現(xiàn)在很清楚為什么它是一對(duì)完全幾何、像素完美的貝塞爾曲線。這本身并沒有什么問題，但要?jiǎng)?chuàng)建一個(gè)超小型圖標(biāo)，可能需要進(jìn)行一些視覺調(diào)整，使其流動(dòng)更加順暢。然而，為了在小尺寸下獲得絕對(duì)最佳的渲染效果，我將其點(diǎn)和曲線捕捉到一個(gè)像素網(wǎng)格，以便以微小的尺寸進(jìn)行最佳渲染。

由于該產(chǎn)品展示了從憤怒的點(diǎn)擊到快樂、滿足的瀏覽等人類情感的全方位，我們開發(fā)了一個(gè)圍繞著冒泡的線條和笨重的球體或“光環(huán)”構(gòu)建的設(shè)計(jì)系統(tǒng)。在這種情感精英管理中，沒有一種感覺優(yōu)于另一種，因?yàn)樗羞@些都有助于更好地理解用戶的旅程和體驗(yàn)。因此，線條可以有快樂曲線和憤怒鋸齒曲線的組合。

品牌vi設(shè)計(jì)引入了兩種圖形設(shè)備，它們滲透到大多數(shù)應(yīng)用程序中。第一種是一些令人愉快的球體狀漸變，模擬網(wǎng)絡(luò)熱圖，但顏色要比捕食者看到的更好。第二種是一些彎曲、扭曲、鋸齒狀的線條，它們復(fù)制了用戶在網(wǎng)站上的鼠標(biāo)跟蹤。這兩種元素經(jīng)常結(jié)合在一起，形成一些有趣的作品。我認(rèn)為軌跡線變得有點(diǎn)難以控制，但我確實(shí)很欣賞在系統(tǒng)中加入一些不同的圖形。

插圖通過其極簡主義和奇怪的比例，略微偏向默認(rèn)的技術(shù)風(fēng)格。他們通過一些粗粗的“旅程”線有效地與身份聯(lián)系在一起，突出了他們身體的某些部位。我并不特別喜歡這種效果，因?yàn)樗鼤?huì)產(chǎn)生一些看起來很奇怪的線條，非常突出，但那只是我自己…我不認(rèn)為它們有什么問題。我也喜歡他們?nèi)绾螌釄D球整合到插圖中。插圖系統(tǒng)的額外點(diǎn)數(shù)，其中頭部、軀干和腿部可以混合和匹配，以創(chuàng)建各種尺寸和顏色的不同人物。

Hotjar網(wǎng)站是其產(chǎn)品的主要銷售渠道，因此對(duì)該品牌采取數(shù)字優(yōu)先的方式至關(guān)重要。從顏色選擇到品牌資產(chǎn)，在整個(gè)品牌開發(fā)過程中，每個(gè)元素都考慮了可訪問性、文件大小和運(yùn)動(dòng)行為。

雖然應(yīng)用不多，但在新網(wǎng)站上可以體驗(yàn)到品牌的精髓，它干凈、明快、色彩豐富，在不同的地方以小劑量構(gòu)建了LOGO元素。上面的廣告都很好，也很吸引人……我仍然覺得這些痕跡線有點(diǎn)太多了，分散了我對(duì)插圖和標(biāo)題的注意力。那一個(gè)“廣告”只是墻上的線條…那不是很有用或有意義。下面提到的swag照片的一個(gè)很好的細(xì)節(jié)是，他們?nèi)绾螌釄D球集成到照片中，從而使它們巧妙地融入品牌。

總的來說，這是一個(gè)生動(dòng)而充滿活力的重新設(shè)計(jì)的品牌形象設(shè)計(jì)作品，使銷售“產(chǎn)品體驗(yàn)洞察”更加令人興奮，同時(shí)為Hotjar作為一家公司建立了一個(gè)有趣和易接近的個(gè)性。

上海品牌策劃公司，尚略分享科技品牌設(shè)計(jì)案例。