品牌升級:Atlassian品牌重新設計幕后全過程

0 評論 4717 瀏覽 21 收藏 13 分鐘

品牌重新設計不是件小事,需要考慮很多人的意見和情感,也需要考慮到業務發展和品牌內涵變遷。

一、背景和面臨的挑戰

品牌重新設計不是件小事,也不像看到的那樣光鮮亮麗。

品牌重設計很復雜,充滿了很多人的意見和情感。為了確保無縫執行,協調工作也是空前的艱難。這就是為什么首先是確定現在是否是重新思考我們的品牌定位的理想時間,并且考慮是否值得。

當然這也是最容易的部分。

我們都同意,雖然我們目前的品牌系統已經陪伴我們很久了,但我們的成長已經超越了它。我們的產品和營銷發生了很大的變化,同時我們最近對UI設計,調色板和插圖樣式進行了大修。此外,我們的產品系列在過去一年也已經擴展成多個。

然而,我們的品牌系統并沒有隨著業務的發展而變化,我們產品 logo 之間存在明顯的風格不一致,我們的三個產品具有相同的logo。

我們的 logo 字體 – 自定義的 Klavika – 在較小尺寸的情況下存在易讀性問題,也不具有我們所需的信息層級,并且隨著時間的推移,字體調性跟產品并不相符。

此外,我們許多 logo 的內涵都不合適。

例如:原始的 Atlassian 標志(親切地稱為“Charlie”)是看上去像舉起天空,因為我們過去只專注于服務和支持。

最后,這個項目不僅僅是創建了一些 logo。它的目的是為14個以上的品牌創建一個靈活,持久的品牌識別系統,這些品牌本身是獨特的,并且在一起時是統一的。母品牌的效用也需要比之前強大很多。

二、探索和踩過的坑

我們首先通過鏡頭了解每件產品的真實性和獨特性。從口頭陳述開始,這為后面草圖繪制提供了極大的幫助,因為我們能夠更全面地思考產品。

這里是我們思考的問題:

  • 操作:可以在產品中執行的所有可能操作
  • 好處:成功使用該產品的所有可能的好處
  • 隱喻:產品的所有符號,和/或它代表的含義
  • 內容:產品中處理的所有類型的內容

為了幫助我們進一步濃縮每個 logo 應代表的內容,我們考慮了抽象頻譜??;旧?,Jira Software 可以用文字(例如,票證,它是核心產品元素)來表示,或者像箭頭那樣抽象(例如,專注于向上移動,進度等)。

它引領我們走向第一個坑#1:專注于簡單的字面描述,例如Jira產品的“門票”,或 Confluence 的“頁面”。它們太字面化,而且限制太多,特別是對于那些比這些簡單線索更重要的產品。

我們還發現,當我們嘗試在產品上執行這種“文字”規則時,我們需要利用無形的,隱喻的概念來傳達每種產品的細微差別。為了增加復雜性,我們的產品名稱從抽象(例如,Jira)到描述性(例如,Statuspage,Bitbucket),這使我們無法為每個徽標使用純粹的“文字”樣式。

雖然我們的用意很好,我們專注于使這些 logo 看起來像一個家庭(統一的概念方向)。這導致我們走向第二個坑#2。我們意識到對概念統一的癡迷使我們分心,無法真正確定每個logo應代表什么。

示例如下:

因此,我們重新來過,重新關注每個產品的單一“概念”。

這意味著回到繪圖板,可能令人沮喪,但這是我們在項目中做出的最重要的決定。我們孤立地看著每個標志,幾乎就像是14個不同的品牌,并且在我們確定基本描述之前不允許自己考慮風格選擇。

下面是 Jira Software 的示例流程:

注:ADG = Atlassian設計指南,這是定義產品和營銷執行的原則

結果,我們發現當我們允許自己在系統中混合隱喻時,系統實際上更強大,然后找到一個有趣的,共同的線索將品牌聯系在一起。你可以開始看到系統 – 在它的新生狀態 – 形成和凝膠(或在某些情況下,沒有)給出一個概念性的涂層,或通過運動帶來生機。

三、早期信號測試可能是可怕的,但是一種好的方式

即使結果沒有按照我們的方式進行,我們也深知對系統進行壓力測試以及我們的假設是絕對關鍵的。

使用?Optimal Workshop,我們進行了早期信號測試,以收集對 logo 的定向第一印象和情緒反應。在這個過程中,我們能夠看到是否存在負面反應,以及預期的意義是否清楚。

四、替換Atlassian標志

只要它存在,Atlassian 標志就扮演了一個特殊的吉祥物角色,經常出現在T恤,標志和 Confluence 頁面上。

無論取代這個標志,都需要在適當的時候擁有靈活的個性。

與此同時,我們需要 Atlassian 的“象征”性更強大,令人難忘,并能夠統一龐大的產品組合。我們打算遠離文字 Atlas 的內涵,因此標記必須是完全抽象的,基本的簡寫或僅僅是字標驅動。(考慮到名稱 Atlassian” 的長度,最后一個選項是非首發選項,并且無法擴展到小的上下文。)

最后,我們希望 logo 不僅僅是一個形狀;它需要表達含義和平易近人,在其中我們能夠明確意義,生命和不同維度的東西。

五、將系統擴展到文字

我們知道排版在實現整個系統所需的層次結構和一致性方面發揮核心作用。在過去的幾年里,我們一直在混合使用 Klavika 和 Circular Pro 來擴展我們在程序,屬性,氣泡和其他特殊時刻的品牌定位。

Circular Pro 具有友好、中性的外觀。但是,當我們展望未來時,我們擔心與另一個幾何 sans 一起使用可能最終會感覺過時,雖然在短期內并沒有感覺到差異。

由于我們的產品設計團隊最近選擇了產品系統字體,我們有機會在營銷接觸點上平衡他們的選擇和大膽的排版聲明。

按照這個項目的慣例,我們進行了廣泛的研究,并決定選擇一種獨特的自定義字體。我們的新字體 Charlie Sans 反映了我們個性中的友善,樂觀和怪癖,同時用 “A” 中的微妙尖角向 Charlie 致敬。

我們已經開始使用新的 logo 并在鎖屏頁的顯示:

六、結果,簡而言之

在這個項目開始時,我們花費了比平時更長的時間來解決問題。當我們選擇新的 Atlassian 標志時,這項工作得到了回報,特別是在最終評審中。

雖然所有的決賽選手看起來略有不同,但他們都滿足了簡短,符合邏輯和美學的更大系列的產品標識,并具有個人價值。

因為我們有一個競爭者名單,他們能夠并且幾乎被迫與我們的直覺一致,這意味著我們選擇一個適合公司的方向,無論是現在還是將來。

在一個真正神奇的時刻,擴展項目團隊(包括我們的兩位聯合首席執行官)的每個人都一致同意 Atlassian 的 ogo。一個人說:它提醒他們還有很長的路要走,另一個人看到通往山頂的道路,另一個人看到兩個帆船串聯比賽。

我們相信新的 Atlassian logo 平衡了專業性。它堅固而強大,同時也允許靈活表達。最重要的是,它保留了我們品牌的真實部分,同時象征著 Atlassian 的新篇章。

 

原文作者:Leah Lin Pincsak

原文鏈接:https://medium.com/designing-atlassian/behind-the-scenes-of-the-atlassian-rebrand-f6ba1592377e

本文由 @Doria 翻譯發布于人人都是產品經理,未經許可,禁止轉載。

題圖由作者提供。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!