- Irvinglab 爾文實驗室
- Posts
- 🚀 從 Shopify App 開發者到官方員工、PageFly 團隊協作祕訣、商業故事必聽《Acquired》Podcast、Envato 與 PayPal、Figma 品牌重塑全解析!
🚀 從 Shopify App 開發者到官方員工、PageFly 團隊協作祕訣、商業故事必聽《Acquired》Podcast、Envato 與 PayPal、Figma 品牌重塑全解析!
💎 科技工具分享 - SearchAtlas 綜合 SEO 平台,提供 40+ 工具,涵蓋內容優化、AI 創作、排名追蹤、關鍵字研究、技術檢查、反向鏈接分析、競爭對手研究等,解決行銷挑戰
Irving Chen
September 23, 2024
Irvinglab 爾文實驗室
- 本文內容相當豐富，開始加入品牌設計內容，記得看到最後 -
💎 開發 Shopify App 被 Shopify 官方收購然後變成 Shopify 官方正式員工
這不就來了，實際案例：Gil Greenberg｜Product Lead @ Shopify
依據 Gil Greenberg 在 LinkedIn 的時間軸，他開發 Shopify App 名稱為 Checkout Blocks 一年又十個月後就被收購，收購後成為在 Shopify 官方此產品的 Product Lead，今年 2024 年六月到職至今約莫四個月，真新鮮！
🍎 Gil Greenberg 開發的 Shopify App - Checkout Blocks
客製化自訂 Shopify 結帳頁，Shopify Plus 方案才能使用，且由於是 Shopify 官方推出，所以完全免費
🍎 每天 Shopify 官方自己不斷推出新的 Shopify App 和功能，都會或多或少影響到其他相關的 Shopify App 開發者的版圖
其實有些功能的 App 進步太慢或沒有自己獨特的特色，還真的會被吃掉，劇烈影響到銷售業績與顧客的青睞，因為Shopify 官方自己推出的 App 幾乎是免費的！我就不一一列舉有哪些了。
🥕 想了解更多有關 Shopify 建立電商網站參考此文：用兩個月打造 Shopify 客製化網站設計 2024
🥕 若你已經是 Shopify 使用者，那可以蒐藏 Irvinglab 爾文實驗室 持續更新的文件：
🥕 若已經現有版型，想要更換或升級版型，那可以先參考這篇文章：Shopify 版型升級或更換注意事項
💎 PageFly 團隊協作技巧：如何避免多人同時編輯導致設定被覆蓋
🍉 我們在編輯 PageFly 頁面時，若同時有兩人以上在編輯同一頁時，在畫面右上角會顯示「同時在編輯的人數」，這訊息可以讓彼此即時協調目前應該先由誰執行與儲存，另一個人需要先退出。
以往沒有這訊息時，我也時常建構了老半天結果被對方蓋掉，還以為 PageFly 有 bug，怎麼我的設定全不見了。尤其是團隊協作時，都應該告知對方彼此執行的時間，讓網站更有效率進行。
而沒記錯的話，在編輯 Shopify 的一般頁面、產品頁和文章頁時也有即時訊息出現，但目前「編輯自訂佈景主題」時還沒有此功能，若未來他們能推出會更好，因為「自訂佈景主題」也是時常發生類似問題
🍉 PageFly 是什麼？
PageFly 是一款 Shopify App，專門為 Shopify 電商網站建立高度客製化網頁視覺設計與排版的網頁編輯器。全名是 PageFly Landing Page Builder，中文翻譯為「PageFly 網頁生成器提供者」，其官方網站首頁開頭便直接說明：Make your Shopify website work and look just like your idea without coding（建立一個屬於你心目中的 Shopify 網站，不用寫程式也做得到），這段我翻譯的應該還算貼切吧 ^^
了解更多 PageFly 可參考此篇文章 - PageFly 初入門：快速建立 Shopify 網頁
💎 《Acquired》Podcast：科技創業者與品牌經營者必聽的商業故事
最近看到社群不少人在推 Podcast 節目《Acquired》，其穩坐美國科技類 Podcast 龍頭，我開始產生了興趣，就用 Perplexity AI 搜尋一下快速獲得簡介。這節目對於創業者、經營者來說相當具有啟發性，也成為充實我自己經營品牌網站必收聽的口袋名單之一。
說真的，這比看商業書籍有趣生動了！而且訊息非常新鮮！
🥕 可以直接前往他們的社群媒體，瀏覽 YouTube 影片，看真人互動很有趣，至少有畫面可以看。
🥕 官方網站：https://www.acquired.fm
而在他們網站中，還有每個訪談的文字紀錄，可以邊聽邊看，好讚！
《Acquired》是一個由 Ben Gilbert 和 David Rosenthal 主持的美國科技類 Podcast，自 2015 年啟播以來，已成為該領域的佼佼者。這個節目的核心宗旨是「每家公司都有一個故事」，並且每集通常持續 3 到 4 小時，深入探討知名企業的成立背景、挑戰與收購案例。
🎧 節目特色
🥕 長度與內容：每集節目長達 3-4 小時，內容涵蓋詳細的研究與資料分析，通常參考資料超過三頁 A4 紙。這種深入的討論風格使其在眾多 Podcast 中脫穎而出
🥕 主題範圍：雖然最初專注於著名的收購案（如迪士尼收購皮克斯），但隨著節目的發展，他們開始涵蓋更廣泛的主題，包括像台積電、LVMH、NVIDIA 和 Tesla 等企業的成功故事
🥕 更新頻率：節目每三週更新一次，並且最近推出了 ACQ2 系列，專注於與創始人和投資者的訪談，探討他們的經驗和教訓
🎧 聽眾與影響力
《Acquired》目前每月吸引約60萬名聽眾，並且在科技類 Podcast 中長期保持高排名。其成功不僅在於內容的深度，還在於 Gilbert 和 Rosenthal 對於 Podcast 製作的熱情與投入。他們在每集節目中花費 60 到 100 小時進行準備，包括研究資料和訪問相關人士，以確保節目的質量和價值。
總之，《Acquired》不僅是一個科技類 Podcast，更是一個深入了解商業運作和創新故事的平台，吸引了大量對科技和商業感興趣的聽眾。
💎 Envato 品牌重塑：創意火花重塑視覺，激發全球用戶體驗
🍎 Envato 最近進行了全面的品牌重塑，旨在反映不斷變化的創意世界並強化對全球用戶的承諾。新形象包括由「創意火花」和「動態點」組成的 Logo、鮮明的色彩方案、獨特的品牌聲音，以及優化的網站設計。這次更新不僅是視覺上的改變，更體現了 Envato 對支持和激發創意社群的持續承諾，將品牌價值融入其所有工作中。
🥕 1. Envato 品牌重塑背景
Envato 於 2006 年成立，現已發展成為全球數百萬創意人士的重要資源。為了更好地反映不斷變化的創意世界和他們的社群，Envato 決定進行品牌重塑。
🥕 2. 新 Logo 設計：新 Logo 由兩個元素組成
「創意火花」(Creative Spark)：象徵能量和動力，用於激發創意
「動態點」(Dynamic Dot)：代表每個創意個體在世界上留下的獨特印記
🥕 3. 新配色方案：Envato 放棄了舊有的綠色，改用更加鮮明的新色調
重新設計的 Envato 綠：更加大膽明亮
Jalapeno（深綠色）：增添深度
Soft Serve（柔和奶油色）：增添溫暖感
Dark Bubble Gum（充滿活力的紫色）：增添額外亮點
🥕 4. 新的品牌聲音
Envato 與 NYC 作曲家 K. Sparks 合作，創造出一個充滿活力且出人意料的音頻標識，以提升品牌形象。
🥕 5. 網站改版
Envato 推出了全新的網站設計，不僅外觀更佳，功能也得到了提升。他們優化了使用者介面和體驗，旨在為用戶提供一個連貫的創意歷程。
🥕 6. 品牌重塑的意義
這次品牌重塑不僅僅是視覺上的改變，更代表了 Envato 對支持創意社群的持續承諾。正如 Envato CEO - Hichame Assi 所說：「這次品牌重塑不僅僅是關於新面貌，更是將我們的品牌價值融入我們所做的一切，並支持我們的創意社群」
💎 我打造品牌和電商網站時最常光顧的就是在 Envato Market 中選購 Shopify Theme 和 Best Selling WordPress Themes
💎 PayPal 品牌升級：享譽全球的設計公司 Pentagram 打造現代化支付體驗
全球支付巨頭 PayPal 最近推出了全新的品牌形象，這次改造由知名設計公司 Pentagram 主導。新設計在保留品牌核心識別的同時，為 PayPal 注入了更現代、靈活的視覺元素。主要更新包括專屬字體「PayPal Pro」的推出、Logo的微調、色彩方案的優化，以及全新的動態設計語言。這次品牌重塑不僅提升了視覺吸引力，更強化了 PayPal 讓金融交易簡單、無縫和安全的核心使命。新形象通過借記卡和全球廣告活動首次亮相，展現了 PayPal 在數位支付領域持續創新的決心。
🥕 1. PayPal 品牌重塑概覽
PayPal 委託知名設計公司 Pentagram 進行品牌重塑，目標是創造一個更現代、靈活的視覺系統，同時保持品牌原有的簡潔性。這次更新不僅是視覺上的改變，更反映了 PayPal 讓金融交易簡單、無縫和安全的核心使命。
🥕 2. 新字體設計
PayPal推出了全新的專屬字體「PayPal Pro」。這是基於 Lineto Type Foundry 的 LL Supreme（Futura 字體的現代重繪版）進行客製化設計。新字體旨在使品牌在任何情境下都顯得大膽而親和。
🥕 3. Logo 更新
經典的 PayPal Logo 進行了微調：
著名的雙「P」標誌線條更清晰，重疊的藍色對比度更高
Logo 和文字標誌可以獨立使用，增加了識別系統的適應性
🥕 4. 色彩方案調整
微調了 PayPal 標誌性的藍色
完全移除了黃色
新色彩方案更顯清新簡潔，有助於 PayPal 在類似色調的金融科技品牌中脫穎而出
🥕 5. 動態設計語言
Pentagram 為 PayPal 創造了基於用戶日常操作（如點擊、滑動、翻轉）的動畫風格，為品牌識別增添了互動性和動態感。
🥕 6. 設計趨勢反思
這次重塑反映了科技行業品牌追求簡約和靈活性的趨勢。然而，這也引發了關於品牌是否可能因此失去獨特性的討論。
🥕 7. 合作過程
PayPal 內部團隊與 Pentagram 密切合作，確保新設計與公司的戰略目標一致。
🥕 8. 品牌推廣
新品牌形象將通過新的 PayPal 轉帳卡推出，未來還將推出更多品牌表現形式。同時，PayPal 推出了由演員 Will Ferrell 主演的全球廣告活動，向全球觀眾展示了更新後的品牌形象。
💎 Figma 品牌視覺語言全新升級：設計師與開發者的靈活工具
Figma 品牌進化，推出了一次全新的品牌視覺語言更新，旨在反映其從設計工具成長為支持開發者、產品經理和整個產品團隊的生態系統新的品牌設計包括擴展色彩調色盤、動態構圖和積極的設計原則，為創作者提供更靈活且更具包容性的視覺語言
🥕 1. 品牌語言進化
從根植於向量語言轉變，反映各角色在從創意到實現的旅程中所扮演的角色，新的品牌語言基於四個核心基礎：
多元的基本形狀，代表不同的協作者
動態的構圖，反映不同的製作和創建模式
擴展的色彩調色盤，允許在不同情境下靈活使用
整合的動態設計原則，展現創意過程中的動作和流程
🥕 2. Figma Sans 字體
與 Grilli Type 合作，開發了 Figma Sans 及其變體Figma Condensed、Figma Mono 和 Figma Hand
字體設計旨在強調角色多樣性，提升視覺統一性
🥕 3. 圖示和插畫重新設計
過去依賴於幾何圖形，現在轉變為更靈活、可擴展的語言
基本形狀 變得更大、更色彩鮮明，專注於細節，並允許在 Figma 內直接創建
插圖系統的變化反映了 Figma 的多樣性和協作性
🥕 4. 動態與互動設計
動態元素成為品牌語言的一部分，強調選擇、激活、轉換等行為
範例編輯狀態下的方形節點變成圓形，展現出與物件互動的過程
🥕 5. 色彩調色盤擴展
引入大膽的主色與鮮明的霓虹色，搭配柔和的大地色調
三個主色方案（核心、暖色、冷色）支援亮暗模式切換，適應不同情境需求
🥕 6. 協作式設計過程
團隊的設計過程強調靈活性和共享性，沒有固定的設計者角色，所有人都參與並貢獻
利用 Figma 的設計系統功能創建品牌資源庫，促進資產的輕鬆共享與重複使用
Figma 的品牌視覺語言更新標誌著新起點，這套系統設計靈活，能隨著 Figma 的不斷成長和演變而適應新需求
🍉 Figma 外掛精選
Musho AI 這款 Figma 外掛則是則是結合 AI 自動產生網頁設計圖，雖然很棒，但其實現存已經有爆多 Design Template 可以使用，而且更精緻，未來就看其能否推出殺手級的功能。
Untitled UI：現成的 UI 套件，使用 Figma 的設計師一套即用，可以參考其架構與設定，多多觀摩！The world’s largest and most popular Figma UI kit. Kickstart any project, save thousands of hours, and level up as a designer.
💎 科技工具分享 - SearchAtlas
SEO 搜尋引擎優化分析
SearchAtlas：Search Atlas 是一個綜合的 SEO 工具平台，提供超過 40 種工具和報告，幫助解決各種行銷挑戰。其功能包括內容優化、AI 內容創作、排名追蹤、關鍵字研究、技術 SEO 檢查、反向鏈接分析、頁面 SEO 增強、外部鏈接機會識別、報告和競爭對手研究等。
平台還支援項目管理和本地 SEO，旨在提升網站的可見性和優化流程，從而增進整體的搜尋引擎排名績效。
其中值得注目的還有 OTTO SEO 是一款創新的 AI 搜尋引擎優化工具，旨在顛覆傳統 SEO 操作。透過 Search Atlas，數位行銷機構可以簡化策略，提升工作效率，並迅速實現有機行銷的成功。
該平台提供自動化的 SEO 最佳實踐、技術更新和內容生成，顯著提高了用戶的網站排名和流量。用戶報告顯示，使用 OTTO SEO 後，其 SEO 性能提升了 15% 至 20%，並在短時間內實現顯著成果。Search Atlas 不僅整合多種功能，還能協助機構減少對多個工具的依賴，進而降低成本和提升效果。
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
Teamwork makes the team work
💎 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站，分享實作經驗與交流。
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。
成為網頁設計師
邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：[email protected]
降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量，以提出最佳解決方案
Reply