果核概念 coreplay

果核概念 coreplay 果核概念｜快速完成 × 說好故事
我們是一組專注節奏感、設計感與文化內容的雙人設計團隊。
從網站到展場，協助品牌處理推廣任務、打造良好溝通節奏。

我們在臉書上分享生活和工作上的發現，網站行銷的小小心得，值得品味的設計作品，歡迎追蹤並和我們交換想法！

官網 ➜ [ https://www.coreplay.com.tw/ ]
FB粉絲團 ➜ [ https://www.facebook.com/coreplay.tw/ ]
Medium ➜ [ https://medium.com/coreplay-tw ]

【 接洽窗口 】
Kidult Lee
02-29090117
[email protected]

03/02/2026

2026 馬年，真的開始跑起來了。

新工具、新流程，一踩油門就會加速。
但我們這幾年越來越確定一件事：
真正重要的，從來不是跑多快，而是一開始方向有沒有對。

所以今年，果核先提醒自己一件很老派、但很關鍵的事：
方向對齊了，再加速。

也想問問大家——
你今年比較需要的是「加速」，還是「重新對齊方向」？

動態版馬年賀卡放在留言 👇

一個「完成」的網站，如何通過 等級的 #無障礙修正最近面對一個已經上線運作多年的官網系統。從使用者的角度來看，它其實沒有什麼明顯問題：功能齊全、畫面穩定，也一直有人在使用。但在實際維護、加功能，以及開始正式面對無障礙規範後，前端結構和...
14/01/2026

一個「完成」的網站，如何通過 等級的 #無障礙修正

最近面對一個已經上線運作多年的官網系統。從使用者的角度來看，它其實沒有什麼明顯問題：功能齊全、畫面穩定，也一直有人在使用。但在實際維護、加功能，以及開始正式面對無障礙規範後，前端結構和一些互動細節，慢慢開始顯露出限制。

這次我們並不是重新設計網站，而是面對一個更現實的問題：在既有系統、既有設計語言都已經確定的情況下，怎麼把網站修到符合台灣 AA 等級無障礙標章（對應 WCAG 2.0）。

無障礙不單只是為了「給視障者用的網站」。在實務上，它處理的是很多人都可能遇到、但平常不一定會特別意識到的使用情境。有人只能用鍵盤操作，沒辦法精準使用滑鼠；有人把螢幕或字體放大到 200% 以上來閱讀；也有人使用讀報軟體，需要清楚的結構、標題層級和狀態提示。甚至只是年紀大了、眼睛容易疲勞、操作速度慢一點，這些都會直接影響使用網站的體驗。

無障礙真正要做的事情，是讓網站在這些情況下，依然看得懂、用得了、不會卡住。換個角度看，它其實是一種讓網站變得更穩定、更可靠，也更像是「真的給人用的系統」的方法。

✦ 從結構開始，而不是從檢測條文開始
原本的系統是 Servlet 架構，前後端綁得很緊。在這樣的基礎上，只要動到互動或操作方式，很容易牽一髮動全身。所以一開始，我們沒有急著對照檢測條文逐條修，而是先做了一個選擇：把結構整理清楚再說。

前端調整為 Vite + Vue + 原生 JavaScript，目的不是追求新技術，而是讓狀態、互動和事件來源可以被清楚掌握。後台資料則整理成 Headless CMS，讓前台顯示與資料管理分離，少一點為了資料結構而硬寫互動邏輯的情況。這些調整，表面上看不太出來「無障礙」，但它們是讓後續每一個修正能穩定進行的前提。

✦ 在既有設計語言下做無障礙，是另一種難度
如果是在新案階段，很多無障礙問題其實可以在設計時就先避開；但這次不是。這是一套已經被使用者習慣的設計語言，不論是視覺風格、配色層級，還是互動節奏，都不適合被大幅修改。

因此，很多時候我們面對的不是「怎麼寫程式」，而是先搞清楚哪些東西不能動。一旦決定設計語言必須完整保留，工程能走的路就會變得很窄，剩下的就是在那條路裡，一次一次嘗試。

以色彩對比為例，看起來只是數值調整，但每動一次，就會影響整體視覺層次。為了在安全的對比值與原本的設計感之間取得平衡，只能反覆測試不同組合，慢慢找到雙方都能接受的解法。

✦ 無障礙檢測，實際上是一段過程
真正進到人工檢測後，很快會發現一件事：無障礙並不是一次修完就結束。有些問題會在第一輪就被看到，例如鍵盤能不能操作、焦點是否清楚可辨；有些則是在後續抽測中才浮現，例如動態元件的狀態提示，或是在高倍率放大時的流動排版（Reflow）問題。

這些狀況通常不是單一頁面出錯，而是反映出整個系統在互動或結構上的不一致。所以每一次修正，我們都盡量避免只補一個洞，而是回頭確認，能不能形成整站一致、可預期的行為。

✦ 修完之後，留下的是什麼
修正完成後，網站沒有變得更華麗。比較明顯的改變是操作變得更直覺，互動行為更一致，也比較不容易讓人迷路。對鍵盤使用者與讀報工具來說，整體體驗也更穩定。

無障礙在這個階段，不再只是為了通過檢測，而是一個讓系統本身變得更成熟的過程。老實說，這次的難度真的不低，但在所有限制下把事情完成的那一刻，對執行者來說有一種很單純的爽快感。

網站得到的回報更甚於「通過檢測」本身，更好的介面，更好的瀏覽體驗，和更清楚的管理後台，我們不只是讓網站通過檢測，而是在尊重原始設計的前提下，把系統推到更成熟的狀態。

#前端工程 #無障礙 #網站重構 #工程日常

官網好讀版，網址請見留言

19/12/2025

去年一起工作的時候，其實就隱約知道，
梁子在打這個「壞主意」了（😆稱讚意味）。

只是沒想到，真的落地得這麼漂亮。
白丁書店成為 雲嘉南第一間以【台漫主題】為核心的獨立書店，
這件事本身就很有份量。

看著白河被你們選中，
書店被慢慢整理成一個可以坐下來閱讀的地方，真的很羨慕。

身為嘉義人，下次回嘉一定要安排去白河串門子，
喝杯飲料、翻本台漫，
看看這個「壞主意」後來長成了什麼樣子。
（白丁的貓店長真的超可愛。）

祝福 白丁書店，
也祝福那條從《新莊騷》一路延伸到白河的梁子和夫人，
繼續用自己的節奏，從容幸福的走下去。

#台漫 #獨立書店

在過去十多年裡，我們服務以網站設計為主：文化展覽、論壇活動、品牌官網、快速主題頁……但在與文化領域長期合作的過程中，我們愈來愈意識到有些故事，不只想被放在網頁裡，而是需要被帶到現場、被翻閱、被拿在手上感受。因緣際會下，果核概念從前年開始投入...
16/12/2025

在過去十多年裡，我們服務以網站設計為主：文化展覽、論壇活動、品牌官網、快速主題頁……但在與文化領域長期合作的過程中，我們愈來愈意識到有些故事，不只想被放在網頁裡，而是需要被帶到現場、被翻閱、被拿在手上感受。

因緣際會下，果核概念從前年開始投入更多平面設計與 O2O 延伸服務：從展覽識別、地方刊物、季刊編輯，到書籍、文化商品、服飾等跨媒介的實驗，讓「網站之外」的內容，也能被好好呈現。

✦ 01. 從展覽現場開始：讓故事有空間感

平面設計真正成為我們服務的一部分，是從 長和宮展覽活動 開始。我們不只負責網站，更深度參與：

- 展覽場地與現場視覺規劃
- 展覽摺頁、手冊、宣傳文宣
- 故事內容的整理與視覺化
- 現場閱讀動線與資訊層級

在文化場域裡，我們更加相信：展覽的力量不來自華麗，而是能否讓觀眾理解「這裡發生過什麼」。

✦ 02. 編輯力 × 故事性：讓地方刊物變得有生命

從展覽開始後，我們陸續接下更多文化與在地出版合作：

- 周益記季刊編輯
- 地方刊物《新莊騷》雜誌封面與內頁編排

這些專案讓我們進一步從視覺設計走向「編輯設計」拆主題、排節奏、決定頁面間的呼吸、處理大量文本與影像。文化刊物最美的地方，不是複雜，而是剛剛好。能讓人翻起來順手、讀起來舒服、故事能被記住。

也因此，果核平面設計不只是製作畫面，而是把內容整理成能被理解的樣子。

✦ 03. 設計向外延伸：書籍、文化商品、到服飾

隨著文化內容的合作增加，我們開始將視覺向更多媒介延伸，包括：

- 書籍排版與封面設計
- 展覽物件與文化小物
- 服飾圖像設計
- 網站 × 實體的 O2O 跨媒介整合

這些延伸不是因為「想做更多」，而是因為故事值得被更完整地講出來。當網站的語言延伸到紙張、空間、衣料，故事的形狀便更具層次。

✦ 04. 我們珍惜每一次與故事並行的合作方式

果核最重視的平面設計合作，是 能從企劃階段就一起參與。每個專案開始前，我們會與客戶一起討論：

- 主題核心是什麼？
- 必須被看見的重點是什麼？
- 視覺應帶給觀者什麼感受？
- 如何安排頁面，讓故事被讀懂？
- 內容該保留、縮減、強調哪些？

這種合作方式，能避免視覺只是表面，讓故事成為真正推動設計的力量。

✦ 我們的平面設計服務包含

- 展覽主視覺
- 季刊／地方刊物編輯
- 摺頁、手冊與活動文宣
- 文化展覽識別
- 書籍排版與封面設計
- 社群宣傳圖像
- 網站 × 實體 O2O 整合視覺

✦ 如果你也有故事想被看見

我們很樂意從企劃階段就與你一起討論，把你的內容整理成觀者願意「停下來看」的視覺。歡迎隨時聯繫我們，讓我們一起開始討論更多可能性。

#平面設計 #品牌視覺 #文化敘事 #編輯設計

在做網站的十多年裡，我們最常被客戶形容的一句話是：「果核不像廠商，更像能一起把事情做好的夥伴。」我們的網站設計服務並不侷限於畫面，而是從企劃、內容、動線、架構、前端、後端，一路一起把品牌真正需要的東西做出來。這也是為什麼我們能長期協助多家團...
11/12/2025

在做網站的十多年裡，我們最常被客戶形容的一句話是：「果核不像廠商，更像能一起把事情做好的夥伴。」

我們的網站設計服務並不侷限於畫面，而是從企劃、內容、動線、架構、前端、後端，一路一起把品牌真正需要的東西做出來。這也是為什麼我們能長期協助多家團隊，並成為他們信任的合作夥伴。

✦ 01. 長期協作的成果：讓網站成為品牌真正的工具

我們長年協助 遠見雜誌的數位編輯室，執行各式數位策展網站，並支援實體論壇的活動官網。每一案都是從資訊量龐大的文本開始，把複雜內容整理成能被理解的節奏。

此外，YAMAHA Motor Taiwan 官網 也是我們代表作之一：從企劃、模組架構、使用者動線，到前端技術與品牌調性的整合，都完整落實。在 德蒙資訊 TOPCS、長和宮、周益記 等專案中，我們更從企劃階段就參與：

- 釐清需求
- 設計動線與框架
- 整理內容並視覺化
- 落實前端互動與效能
- 讓設計的創意不只是想法，而是能真正運作的系統。

✦ 02. 很多不記名的專案，也有我們的幕後參與

我們協助多個團隊處理卡關難題，成為他們可靠的後盾。有些案子不會掛我們名字，但我們在做的事包括：

- 重整資訊架構與介面流程
- 急案 Landing Page 快速上線
- 行銷活動規劃（含遊戲機制、抽獎功能）
- 技術瓶頸的拆解與解法
- 優化合作團隊的工作流程，提高效率

許多客戶一開始找我們當「救火隊」，後來都成為長期合作夥伴。

✦ 03. 前端技術 × 動線規劃：讓網站能用、好用、持續用

我們擅長將內容整理成順手的使用體驗，包括：

- RWD 與跨裝置體驗
- 使用者旅程與 UI 流程
- GSAP 與互動動畫
- 模組化內容管理
- 輕量化與效能優化

同時我們也開發內部工具來確保品質，例如：自動化版控、快速模組生成、語系切換工具、抽獎後台服務……這些都讓我們在急案中仍能維持節奏與品質。

✦ 04. 我們相信：每個網站需求都是獨一無二的

即使準備了可快速上線的架構，我們仍堅持不使用「公版」敷衍。每個客戶的背景、業務流程、內容邏輯都不同。因此我們會因應需求微調：

- 介面呈現
- 模組設計
- 資料呈現邏輯
- 使用者流程

網站不是表面的套版，而是結構性的解決問題。

✦ 我們的網站設計服務包含

- 品牌官網
- 活動型 Landing Page
- 數位策展與文化內容網站
- 跨裝置 RWD 設計
- 行銷活動（遊戲機制 / 抽獎 / 註冊流程）
- CMS 架構與內容管理
- 使用者動線與 UIUX 規劃
- 前端互動與效能優化
- 補位 / 接手卡關專案

✦ 如果你需要網站、數位行銷或棘手問題的協助

不論你是想建立品牌官網、優化使用流程、做活動網站，或是專案卡住需要找人協助，都歡迎私訊我們。我們會把需求拆清楚，用對的節奏和方法，一起把事情做漂亮。

#網站設計 #網站規劃 #前端開發

為了熟悉 Threads 的社群節奏，果核已經在 Threads 更新一段時間了。我們也將順勢調整了各平台的內容方式:從現在開始，Facebook 和 Threads 會走不同的路線 。Facebook 會維持原本的角色：- 工作室資訊- ...
03/12/2025

為了熟悉 Threads 的社群節奏，果核已經在 Threads 更新一段時間了。
我們也將順勢調整了各平台的內容方式:
從現在開始，Facebook 和 Threads 會走不同的路線 。
Facebook 會維持原本的角色：

- 工作室資訊
- 作品發布
- 服務內容
- 專案成果與案例精選

這裡依然是果核的門面，也是大家第一時間找到我們的地方。
而我們把更多的「創作過程」與「幕後思考」搬到了 Threads：

那些正在醞釀的草稿、文化案的內容拆解、前端與設計協作的過程、快案如何整理節奏、網站企劃設計的小觀察、甚至是工作室的日常……這些我們都會在那裡持續分享。

因為 Threads 的更新方式比較貼近日常，也讓我們能自然記錄那些「不一定需要做成一篇文章，但對我們很重要」的內容。

如果你想看到更多果核的：

✔ 設計思考
✔ 專案節奏
✔ 文化與品牌的視覺拆解
✔ UI／前端的跨領域心得
✔ 工作室的日常創作記錄

歡迎來 Threads 追蹤我們的文字。

感謝一直在 FB 支持我們的你。
作品，我們會繼續放在這裡；
更靠近創作者的故事，我們會在 Threads 慢慢分享。

這次我們接手 初二行銷 的官網製作，是一次標準的小案急行任務！從需求訪談、網站規劃、視覺提案到完成上線，整體流程只用了將近兩週時間。這背後除了我們小案急行流程的節奏明確、系統穩定，也非常感謝初二行銷團隊的密切配合，迅速整理並提供所有網站所需...
23/06/2025

這次我們接手 初二行銷 的官網製作，是一次標準的小案急行任務！

從需求訪談、網站規劃、視覺提案到完成上線，整體流程只用了將近兩週時間。這背後除了我們小案急行流程的節奏明確、系統穩定，也非常感謝初二行銷團隊的密切配合，迅速整理並提供所有網站所需的素材與文案。

開場動畫直接說清楚：他們在線上、線下的行銷經驗都有料。
整體視覺也大膽使用品牌粉，年輕、鮮明，直接告訴大家——初二行銷，是站在年輕人這邊的品牌！
想接近年輕人，就找初二行銷團隊～

這次我們也重新優化了經典案例與服務項目的呈現方式，讓整體溝通能兼顧公部門與潛在商業客戶。希望新官網能在初二行銷的業務拓展上發揮實質效益，讓更多人認識這個創意充足、節奏快速、執行力強的行銷團隊！

你想知道這樣的網站在小案急行大概是多少預算嗎？歡迎來訊詢問！

#小案急行 #果核概念 #初二行銷 #網站設計 #快速專案

《新莊騷》不是一份商業刊物，而是一群關心在地文化的朋友，試圖用採訪、設計與書寫，把一個地方的文化與情感重新詮釋一遍。去年，我們開始參與在地文化雜誌《新莊騷》的編輯工作。今年四月，第11期正式出刊。這次的主題是「水」，梳理新莊這座城市的地貌與...
19/05/2025

《新莊騷》不是一份商業刊物，而是一群關心在地文化的朋友，試圖用採訪、設計與書寫，把一個地方的文化與情感重新詮釋一遍。

去年，我們開始參與在地文化雜誌《新莊騷》的編輯工作。
今年四月，第11期正式出刊。
這次的主題是「水」，梳理新莊這座城市的地貌與河圳脈絡。
從公園、圳溝、跨河交通到生活記憶，新莊經歷長時間的開發，許多天然溪流與水文在居民眼中，早已被簡化成「排水」與「水溝」。但其實有不少人，在這二三十年來，一直努力想反轉這個印象。

集會時大家聊起小時候的故事，講到在水溝、小河裡抓螯蝦，結果幾乎沒人有過這樣的經驗——因為那些小水溝早就被掩蓋，也早就不可考了。
可見這些關於水的記憶與體驗，其實有多麼可貴。

再想想現在騎車經過的那些小河溪，會看到白鷺、烏龜、垃圾、瓶瓶罐罐，還有被污染的七彩水色⋯⋯
新莊的水，一直在變。那麼，你的回憶裡，新莊的水是什麼樣子？

在主編梁子的引導與共編夥伴的投入下，從主題設定、人物採訪、封面設計到單元編排，
我們一次次在輔仁大學社科院討論，透過共編成員的實地走訪，把每一期的內容慢慢拼湊起來。

這一次，我們也很高興能參與封面設計與整體雜誌的編輯設計，
而且——我們提案的封面被編輯團隊採用了！

設計 × 採訪 × 文化編輯，是我們參與《新莊騷》的方式，
也是我們對這個居住地方的回應。

我們一直希望，除了商業專案之外，也能在人文內容上施展設計的專長。
讓人重新理解日常，從中得到一點新的啟發——
這次的參與，對我們來說，也像是一個自己的小小里程碑。

新莊騷
#果核概念 #文化參與

16/05/2025

最近發現一個很值得收藏的字體網站：
砧書體製作所（Kinuta Font Factory）
👉 https://moji-sekkei.jp

可以即時試排文字、直接輸出，還會顯示字型的線條設計邏輯。
像在看字體的解剖圖，簡單但充滿設計感。

動畫拆解筆劃的過程，用來說明設計邏輯的方式我非常欣賞：
節奏舒適、不急不徐，有一種手錶機械感，也帶著設計師繪圖時的手感。更重要的是，這樣的動態展現出一種「有在思考」的品牌氣質。

出奇地療癒，喜歡 🫶

#設計靈感
#文字的構造感
#果核觀察

小案急行：給急著曝光的設計任務，一個穩穩上線的解法✔️ 1 天確認需求✔️ 2 天搞定簽約✔️ 10 天內交付上線我們整理了四種最常見的「小案需求」，讓你快速啟動設計：⸻1｜活動網頁快速版展覽、講座、招生頁、專案簡報頁等 → 最快兩週內上線...
12/05/2025

小案急行：給急著曝光的設計任務，一個穩穩上線的解法

✔️ 1 天確認需求
✔️ 2 天搞定簽約
✔️ 10 天內交付上線

我們整理了四種最常見的「小案需求」，讓你快速啟動設計：

⸻

1｜活動網頁快速版

展覽、講座、招生頁、專案簡報頁等 → 最快兩週內上線，含 RWD + SEO
例如：數感盃活動頁

⸻

2｜品牌小官網啟動包

新創品牌、專案小組、地方社群起步 → 簡單 1～3 頁官網，含 LOGO 主色優化
例如：Crispy Hamburger 官網（品牌初登場網站）

⸻

3｜主題整合設計包

幫你整合活動視覺＋三組社群素材模板 → 保持色系一致、品牌感到位
例如：泰山足球教室主題視覺統整

⸻

4｜特殊主題快速企劃版

展覽、市集、品牌一頁式介紹設計 → 配合活動節奏快速出稿
例如：雲門教室《律動是…》主題視覺延伸（Landing Page + 平面設計）

⸻

🛠️ 小案，不代表隨便。
它只是需要一個經驗老道又願意快速接招的團隊，幫你從混亂中理清頭緒。

如果你最近剛好也遇到一個急案，
歡迎來信聊聊 [email protected]
或直接加 Line

#小案急行 #果核概念 #快速交付 #活動網頁 #品牌設計 #文化數位延伸 #小型專案

Figma Config 2025 新功能看得讓人熱血沸騰、躍躍欲試！我們不是 No Code 的信徒，但對 Figma 在設計與協作流程上的進化，真的超級滿意 👍Grid、Site、Make、Buzz、Draw——每一個功能都針對「真正有...
08/05/2025

Figma Config 2025 新功能看得讓人熱血沸騰、躍躍欲試！
我們不是 No Code 的信徒，但對 Figma 在設計與協作流程上的進化，真的超級滿意 👍

Grid、Site、Make、Buzz、Draw——每一個功能都針對「真正有在用 Figma 做事」的人設計，不用跳 App、不用轉工具，整合得剛剛好。

完蛋了完蛋了！
這次真的想說：Adobe，我們差不多可以退訂了😌

#設計師的感動

Address

新北市泰山區辭修路22號
Xinbei

Opening Hours

Monday 10:00 - 18:00
Tuesday 10:00 - 18:00
Wednesday 10:00 - 18:00
Thursday 10:00 - 18:00
Friday 10:00 - 18:00

Telephone

+886229090117

Website

Alerts

Be the first to know and let us send you an email when 果核概念 coreplay posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to 果核概念 coreplay:

Shortcuts

Share