飛輪品牌刷新幕後花絮
已發表: 2016-11-17Flywheel 已經存在了四年光榮、快節奏的歲月,在那段時間裡,我們完成了許多令人難以置信的令人驚嘆的事情。 我們為 WordPress 網站打造了一個堅如磐石的託管平台。 我們創建了一流的解決方案,幫助設計師和代理商改進他們的工作流程並發展他們的業務。 我們甚至為我們的客戶創造了一種方式,為我們的工作做得好送啤酒! 但說真的,我們建造的東西比我們想像的要大得多。
通過所有這些變化和增長,我們從未做過一件事:改變我們的品牌。 現在,沒有規定說你必須僅僅因為你在成長(這太傻了)就必須重新命名你的公司,但我們確實覺得事情可能更符合我們的現狀。 多一點明亮和美麗。 多一點飛輪-y。
因此,事不宜遲,我們很自豪地推出我們精美的新視覺標識! 在紙上(或者更準確地說,在你的屏幕上),它看起來像是一層色彩繽紛的新油漆,帶有一些異想天開的設計。 這次更新涵蓋了我們公司的所有材料,從我們的託管應用程序中的時尚和令人驚嘆的新用戶體驗到全國各地代理商的充滿五彩紙屑的活動邀請。
這次更新就是以一種明亮而美麗的方式改造我們的品牌,當然還有一些實用的東西! 我們的一些具體目標包括隨著我們的成長而增加擴展我們產品的能力,創建跨越整個公司的一致和有意的設計,並讓我們的客戶在與 Flywheel 交互時更輕鬆、更愉快。
對我們如何完成這一切感興趣嗎? 加入我們,我們將深入幕後,了解 Flywheel 品牌更新的所有想法、過程、會議、草圖、雙關語、研究、咖啡因和五彩紙屑。
不那麼新的新標誌
我要告訴你一個小秘密:當我們開始更新時,它實際上是從一個小得多的項目開始的,目的是完善我們的標誌(而不是,嗯,一切)。 我們一直都知道我們的品牌將是一項正在進行的工作,而且在很多方面,我們根本沒有足夠的能力對其進行重大改變。 然而,我們的團隊今年成長了很多,一旦我們意識到我們有足夠的資源來進行全面更新,我們就抓住了這個機會並順勢而為!
因此,我們從可愛的飛輪標誌開始,創造了我們品牌更新的第一個變化。

它簡單、易讀、易讀,同時體現了我們有趣和友好的精神。 Flywheel 標誌具有大膽而柔和的外觀,邀請我們的用戶分享我們的文化並與我們共度時光!
之前和之後,所以你可以看到我們從哪裡開始。我們的舊標誌將永遠在我們心中佔有特殊的位置(以及聯合創始人托尼的左前臂),但我們知道它可以通過一點點拋光來反映我們的價值觀和活力。 這是我們的更新開始的地方,它涉及盯著一大堆飛輪和不同的迭代,以確保我們走在正確的軌道上。
“我們不想離原來的標誌太遠,我們只是希望它更通用,同時在不同的環境中更好地工作,從小到大,數字化和印刷。 這不是對‘輪子’的重新發明——只是一個更好的設計。” – Andrea Trew,平面設計師
通過創建 Museo Sans Rounded 字體和圓角的混合體,我們讓我們的標誌感覺更加友好(就像飛輪一樣!)。 我們還通過增加 logomark 和 wordmark 以及其中的字符之間的空間來給它更多的喘息空間。 舊的事情變得有點太局限了,我們都在創造一個開放和熱情的環境。
一旦我們做了這些細微的調整,我們還想用我們的標誌完成一件事:增加靈活性。 看,水平標誌在很多情況下都很棒,但時不時地它們太長了。 (設計師——我知道你知道鬥爭。)所以,我們創建了一個更高一點的輔助標誌。

處理完水平和垂直版本後,接下來我們解決了將徽標縮放為較小尺寸的問題。 圖標很棒,直到您開始使用微小的規格。 我們注意到在縮小過程中翻譯有些內容丟失了,因此我們簡化了徽標並將其加厚,以確保每個元素(從字母本身到側面的“微調器”)在任何尺寸下都保持可讀性和美觀性.

為了更進一步,我們還創建了一個更加簡化的徽標(或者我們喜歡稱之為我們的錯誤)。 通過從我們的 logomark 中移除幾個輻條,增加元素之間的空間,並將其加厚一點點,我們的 bug 可以小到 50 像素寬! 我們為它感到無比自豪,迫不及待地想看看它所去的所有微小而神奇的地方。
我們炫目的新色輪
如果你是新來的,讓我告訴你一個小秘密——我們喜歡明亮、美麗、多彩和美妙的設計! 因此,我們沒有簡單地為我們的品牌更新選擇幾種顏色,而是繼續設計了一個完整的飛輪色輪,包括色調和陰影。

我們相信,美化項目並讓某人開心的最令人愉快的方法之一就是添加一抹亮色。 (我們對五彩紙屑也有同樣的想法,但稍後會詳細介紹!)不要誤會我們的意思,我們認為我們的新標誌確實是蜜蜂的膝蓋,但我們快樂的色調對我們來說幾乎和標誌本身一樣重要。 這就是為什麼我們甚至允許我們的標誌以這些美妙的顏色之一使用(當然,僅用於特殊場合)。

在我們更新之前,我們實際上只使用了兩種或三種顏色(老實說,它們並不總是一致的色調)。 我們知道我們希望在忠於 Flywheel 品牌的同時更靈活地發揮創造力,因此我們著手創建明亮而充滿活力的色彩調色板,這將為我們提供大量空間以穩健而異想天開的方式進行試驗。 從電子郵件標題到社交媒體圖形再到我們應用程序中的圖標,您會在整個 Flywheel 品牌中發現這些友好的顏料。 正如你所看到的,我們玩得很開心。
我們俏皮的新字體
是的,沒錯,我們的品牌更新甚至包括四種新字體,它們與 Flywheel 本身一樣異想天開且引人入勝! 排版似乎是一件需要改變的小事,但我們相信它對我們的用戶有很大的影響。 這就是為什麼我們選擇了幾種可以在各種情況下使用的字體來創建有效的層次結構和引人入勝的標題。
我們的主要字體是 Museo Sans Rounded,這是一種更粗的無襯線字體,用於標題和副標題。 這種字體的外觀和感覺與我們的 Flywheel 字標相似,也非常易讀、相當幾何,並具有友好的圓角。

在平衡的對比中,第二種字體是 Archer,一種更薄的襯線字體,甜美迷人,並帶有一點奇思妙想。 我們特別喜歡半粗斜體變體中的這種字體,並且最常將其用於副標題。

在真正的飛輪時尚中,我們還在品牌更新中加入了兩種花哨的字體,為標題和圖形添加一些特別的東西! Heartwell 是一款大膽的字體,帶有手工製作的元素,非常適合實現畫筆掃過的外觀。


雖然同樣花哨,但 Smoothy 卻以優雅、異想天開的外觀位於光譜的另一端,我們無法得到足夠的滿足。

人的因素
儘管我們是數字世界中的數字公司,但我們認為在我們的工作中使用現實世界元素確實有一些特別之處。 這就是為什麼您通常會在我們創作的作品中發現令人驚嘆的攝影和平面設計的結合,以及熟悉的面孔! 飛輪一直致力於使託管世界人性化,還有什麼比炫耀我們自己的超人員工更好的方法呢? 以下面的照片為例。 那是布萊恩,我們的一位幸福工程師,在為我們的一位客戶節省一天之前引導他內心的超人。

除了攝影,我們創作的每一件數字和實物作品都是用愛和有意的設計製作的,無論它們看起來多麼小。 我們相信細節才是最重要的,因此我們不遺餘力地為客戶創造非凡的體驗。 無論是登陸頁面的資產還是我們代理合作夥伴的手工製作的贓物盒,我們都嘗試將人為元素添加到我們構建的所有內容中。 (這也是為什麼你會在我們的辦公室裡發現一桶五彩紙屑之類的東西的原因。這是有道理的,我們保證。)

現在,看起來這一切很快就完成了,但我們花了幾個月的時間敲定所有這些決定。 從標誌迭代到顏色調整再到包裝實驗(我們對盒子的了解比我們想像的要多),每一個動作都是經過深思熟慮的選擇,以確保我們為飛輪做出正確的舉動。
一旦我們做對了,一些事情就開始發生了。 首先是我們對我們的新顏色、圖標和字體感到有些興奮,並開始慢慢地將它們潛入電子書封面、社交媒體圖形和電子郵件設計中。 (你能怪我們嗎?我們怎麼能等呢?)
第二個是我們可以開始在更廣泛的範圍內實施新品牌。 首先,飛輪應用程序!
令人驚嘆的全新飛輪應用程序
有了令人愉悅的新字體和美麗明亮的色彩,我們將目光轉向了飛輪應用程序。 對於我們的界面和飛輪儀表板,我們總是得到很多非常積極的反饋,因此我們希望確保保留有效的東西,只更改可以改進的元素。 從客戶與註冊頁面的第一次互動到他們將網站上線的那一刻,我們著手讓 Flywheel 體驗更簡單、更流暢,而且使用起來很愉快!

然而,重新設計 Flywheel 應用程序不僅僅是前端。 我們的開發人員還著手對代碼進行現代化改造,並為我們打造一個令人難以置信的未來奠定堅實的基礎。 通過刪除 JavaScript 和徹底檢查代碼,我們已經能夠使我們的應用程序更乾淨、更清晰、更現代。 我們使用了許多新技術來幫助盡快將代碼發送到瀏覽器,從而為我們的客戶帶來更好的體驗。
關於更新,每個人最喜歡的部分是它有點像一張白紙——它讓我們有機會全面做出決定和改變。 從我們處理動畫的方式到使用顏色的方式,現在我們公司所有材料的一切都以一種仍然靈活和可擴展的方式保持一致。

以下拉菜單為例。 通常,沒有人真正考慮過它們,除非您嘗試選擇次要項目並且您移動鼠標太快並且不小心完全離開了菜單。 這次更新讓我們的設計師和開發人員有時間思考類似的小問題並對其進行改進,以為我們的用戶創造更好的體驗。 因此,它不會意外地在 Flywheel 應用程序中留下下拉菜單,而是支持您變得笨拙並在您過度校正鼠標時進行調整。
“這是一個微妙的變化,沒有人會注意甚至不一定會注意到,但正是這種無形的設計體驗真的非常重要,讓人們愛上了飛輪。” – Will Riley,前端工程師
我們可以列出我們對應用程序所做的每一個小改動,但這並不是真正的重點(而且比你自己找到它們要神奇得多)。 這與特定按鈕或交互無關; 這是關於整體的刷新,以及其中的所有變化。 我們所做的每一個小改變都有一個明確的目的。
“這次更新涉及大量實驗,以確保我們不只是為了改變而改變事物。 我們非常關注我們的價值觀和客戶的需求,以改善他們與飛輪的互動方式。” – Adam Trabold,首席產品設計師

我們快樂的新主頁
最後但同樣重要的是,我們著手更新整個飛輪網站。 正如您可能猜到的那樣,第一步是實施新的品牌指南。 我們更新了所有字體樣式,用新的品牌顏色繪製了網站,並修復了頁面之間的一些一致性問題。 雖然我們本可以止步於此,但我們決定通過全新的品牌主頁讓這一更新更進一步!

隨著其他一切都得到改造,排除主頁感覺不對。 這是飛輪體驗的重要組成部分,因此我們希望盡我們最大的努力,為我們的客戶(以及即將成為客戶)提供真正脫穎而出的東西。 它還讓我們有機會重新審視主頁背後的策略,以確保最重要的信息易於查找和理解。
“在飛輪,我們是為設計師服務的,我們是為代理商服務的,所以我們有責任確保品牌和產品能與他們對話。 這就是更新最讓我興奮的地方——我們在正確的方向上取得了長足的進步,現在我們為未來想做的任何事情奠定了基礎。” – 產品設計師 Nick Chickinelli
最後的一些想法
在我們品牌的核心,我們實際上並沒有太大變化。 我們仍然是您一直熟悉和喜愛的飛輪; 我們的業務是一樣的,我們的價值觀是一樣的,甚至我們的標誌(大部分)都是一樣的。 此次更新意味著我們仔細審視了飛輪品牌並對其進行了打磨,以反映我們已經成為並仍在努力成為的人。 這是使我們能夠以更快的勢頭繼續前進的基礎。
“沒有穩固的品牌,一切都會分崩離析。 擁有一個有凝聚力、可識別的品牌是將公司的每一部分聯繫在一起的粘合劑。 我們制定的指導方針將幫助我們以更好的解決方案解決更好的問題,讓客戶的生活更輕鬆。” – Andrea Trew,平面設計師

無論是點擊按鈕時的微妙動畫方式還是登陸頁面的佈局,我們都堅信設計很重要。 這是讓 Flywheel 保持旋轉的七大價值觀之一,也是我們在構建平台時考慮到設計師和代理商的原因之一。
“我們渴望成為一家超越託管領域的令人難以置信的公司,因此擁有一個真正代表我們是誰並反映我們產品質量的品牌非常關鍵,我認為這就是我們通過這次更新所取得的成就。” – Dusty Davidson,首席執行官兼聯合創始人
這只是一個開始,我們迫不及待地想擴展這次更新以進一步改進飛輪。
既然您已經了解了我們更新的幕後花絮,您怎麼看? 我們很樂意在評論中聽到您的想法,這樣我們就可以繼續改進並構建一些精彩的東西!
