- Irvinglab 爾文實驗室
- Posts
- 🚀 網站建立容易，維護難｜整合者是專案成敗關鍵｜Shopify Checkout 升級在即｜網頁圖片僅為裝飾目的替代文字可留空｜解析字體 Font Interceptor｜研究 Logo 設計｜李昆霖品牌實戰
🚀 網站建立容易，維護難｜整合者是專案成敗關鍵｜Shopify Checkout 升級在即｜網頁圖片僅為裝飾目的替代文字可留空｜解析字體 Font Interceptor｜研究 Logo 設計｜李昆霖品牌實戰
💎 科技工具分享 - Themeforest 擁有豐富的 WordPress 和 Shopify 版型等資源，品質還不錯，強烈推薦
Irving Chen
July 22, 2024
Irvinglab 爾文實驗室
建立容易，維護難
很多人建立 Shopify 網站時最容易忽略或「無法推測」的就是未來「維護」網站時的難易程度
建立看似快速、但若搞得網站後續很難維護，等於就提升了網站維護成本，這成本包含時間成本、人力交接成本、溝通成本等。
無論是工程師寫的程式債還是 Shopify 使用者的「設定債」，若沒有在建立時同時思考未來如何妥善維護、提高執行效率的可能性，那這個會「債留後人」，乾脆打掉重練比較快。
那影響網站維護成本又如何？
當然會影響業績。簡單的功能卻迫使後人難以自行更新，導致放棄、影響行銷計畫的內容或推動的最佳時間點，因為沒人會更新又得花更多錢繼續找外包等類似的例子不勝枚舉。
我怎麼知道？
因為我「接手過太多類似問題的 Shopify 網站和 WordPress 網站」，尤其最慘的是 WordPress 網站，因為可以讓使用者超高度客製化、且網路太多各式各樣的教學，導致大家自己摸索出千變萬化光怪陸離的奇幻做法；相比之下，Shopify 會比較容易「導正」😅
備註：其實不只是 Shopify 網站，只要是建立網站、網頁設計等專案都適用以上所述情況與挑戰。
有時同一個問題問兩次，目的是為了確認對方真的「有想清楚」自己所回答的內容
整合者扮演專案成敗關鍵角色
聯絡窗口，整合者，網站專案推動最重要的關鍵之一，也是專案失敗的常見原因，更是「最容易被忽視與忽略」
無論是甲方或乙方的窗口都一樣。
整合者不一定要特別專精某個領域，有當然更好，然而其最重要的是「解決問題的能力」，溝通能力佳、應變能力彈性高、知道如何有效整合各方的資源與訊息傳達是「整合者」存在價值的表現。
至今已經充滿各種 AI 工具分別陸續發展解決各式各樣的專業領域的任務，在小團隊、人力精簡下，這時代真的很需要這樣的團隊成員：「最強整合者」。
在混沌與未知中，穿針引線尋找答案
🍎 Shopify Checkout 升級在即 2024 的注意事項 Checkout Extensibility upgrade guide
有使用 Shopify Plus 方案並編輯結帳頁 checkout.liquid 的商店真的需要「仔細詳讀」並將每個時間點記錄在行事曆上，其受到的影響事關體大，在 Shopify 官方文件都寫得詳細清楚
另外有使用會設定到 checkout 結帳頁的功能內容的 Shopify App 也要寄信給 App 開發商他們詢問如何應對與處理方式，請他們協助或提供操作文件更新 App 設定方式，以防 App 出問題
ps. 我已經詢問過某支受影響的 App，我拿到的自行操作文件也太複雜 XD"
🍎 如果網頁圖片僅為裝飾目的、與實際內容沒有相關時，替代文字可以留空
WordPress 網站後台可以看到系統本身預設的說明，可以參考看看，不用每張圖都要硬寫 Alt Text 文字。如果圖片僅為裝飾目的、與實際內容沒有相關時，「替代文字」可以留空。
W3C 官方文件有也列出 alt 文字決策樹（An alt Decision Tree）幫助我們判斷如何撰寫圖片 alt 內容。
備註：無論是 WordPress 還是 Shopify 或其他架站平台的使用者，這些 SEO 概念是共通的，透過這些不同的建站方式可以互補有無或加強記憶，相輔相成。
🍎 解析字體工具 Font Interceptor 快速下載網站所有使用的網頁字體
只是想要快速分析出某網站所使用的字體，作為參考與測試於設計使用，以往都是從選取標題、內文等文字去檢視程式碼，其實有點小麻煩，且有時候該網頁設定字體的方式是用 CSS 變數（CSS Variables），這又增加了尋找的困難度。
後來發現有這個工具 Font Interceptor，直接將網址丟進去檢視，大概過了數秒鐘（不是一按下確認就有，真的要過了好幾秒鐘喔）就會列出所有字體檔案與名稱，還可以直接下載，超方便的。
補充說明
什麼是 CSS 變數？ CSS 變數（也稱為自定義屬性）用於在 CSS 文件中存儲可重用的值。
我發現有些網站會防止檔案被下載，然後有些網站下載的字體是「該公司特別為自己品牌設計的字體」，從字體名稱使用的是自己的品牌名字得知，意思是網路上找不到也買不到的字體。
🍎 透過 Logo System 大量研究品牌標誌設計案例，用 AI 打造 Logo 設計與資產 Looka
大量參考國外品牌 Logo 標誌設計，在 Logo System 這個網站中陳列了數買個一次可以快速瀏覽，導覽列中還有一個 Animated 可以篩選所有動態 Logo 的呈現風格，每個項目點進去大部分都有 View Project 可以看更多。
今年 2024 年下半年已然開始，快要八月了，爾文實驗室重要的新任務之一就是打造第二個品牌網站，從零開始，從品牌定位、設計規範、解決什麼問題、目標市場等著手，其中一個就是品牌標誌設計 Logo Design。
除了研究各家品牌 Logo 之外，我也嘗試用 AI 工具 Looka 打造，跟上生成式 AI 應用，也開始將其融入在工作上，未來勢必會逐漸整合各種強大的 AI 軟體優化所有流程與執行方式，快速提升效率和品質！這真的是大勢所趨啊！
用 AI 打造 Logo - Looka：用 AI 產生無數個品牌 LOGO，可以不斷產生靈感、針對個別自訂色系、排版、設計元素等，調整到滿意為止，有夠方便至極！試用後覺得驚人，我就選擇了付年費方案也不貴，直接取得整組 Brand Kit 素材，還可以隨時進後台編輯與修改！
🎄 品牌實戰：線上課程推薦指數 ⭐️⭐️⭐️⭐️⭐️
「經營流量」曇花一現，「經營品牌」才能走得又穩又遠。
行銷只是冰山的最表層。「征服法國的台灣面膜」提提研創辦人李昆霖，公開分享品牌策略全局，帶你將品牌思維實踐在「品牌定位與核心價值」、「產品開發」、「通路規劃」、「行銷溝通」各面向，跳脫削價競爭、提升品牌價值。
💎 科技工具分享 - Themeforest
Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。
設計 Design
Themeforest：擁有豐富的 WordPress 和 Shopify 版型等資源，品質還不錯，強烈推薦！此外也是有販售設計素材、圖片、音樂音效等，但個人覺得最棒的還是版型。選好版型後，接下來就是架站，我通常用 WordPress 建立品牌形象網站和部落格，然後用 Shopify 建立電商網站。
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
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