- 每月造訪次數
- 5.1K
- 2026 年 9 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- 免費
- 沒有月付訂閱價
- 首次發布
- 7 年前
- 2018-12-11 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷在 Product Hunt 發布發布
Find the best places to work remotely from
9 月 29 日 · 46 天前發布頁
當時 每月造訪次數 <5K訪問：之前 1 個月 +106%，之後 1 個月 +18%在 Show HN 發布（248 分 · 225 評論）發布
I built a website to find nearby cafes to work remotely from
2022 年 4 月 20 日 · 4 年前發布頁
在 BetaList 發布發布
Workmode – Find the best place to work from near you — Find the best place to work from near you
2018 年 12 月 16 日 · 7 年前發布頁
在 Show HN 發布（2 分 · 1 評論）發布
Workmode – Find places to work from based on DL/UL speed
2018 年 12 月 11 日 · 7 年前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案- 創作者原帖摘錄：
- Hey HN, I've made this PWA called workmode. The goal of this app is to help the user find the best place to work from, depending on the location or search query of the user. The workplaces are ranked by the download speed and workability of a workplace. The initial idea of Workmode is to crowdsource the download speed of workplaces from all over the world, o
流量來源
訪問構成
管道
- 直接訪問40%
- 自然搜尋31%
- 外部引薦10%
- 社交媒體6%
- 其他13%
國家/地區
- 美國65%
- 墨西哥28%
- 泰國7%
搜尋
站點權重 —網域名稱註冊 2018-10-06
| 關鍵字 | 月搜尋量 |
|---|---|
| places to work near me | 3,090 |
| nomad backpack | 1,430 |
| work cafe near me | 790 |
| workmode | 730 |
| best places to do work | 590 |
流量資料：Vaneform
定價
官網未公開方案價格。
試用：未提供 · 觀察於 2026-11-04 · 來源頁面
頁面與變化
關鍵頁面
每週快照- 首頁workmode.co/
- 功能workmode.co/community 快照 2026-11-04
變化
開始記錄以來，定價、方案與定位都沒有變化。
設計
深黑底色搭配白色無襯線大標題與灰色說明文字，城市攝影卡片、細邊框和淺色按鈕形成清晰層次。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Find where to work next”
左側固定導航，右側先排標題與雙按鈕，再放資料指標和城市照片卡片網格。
首屏畫面轉化路徑：首屏畫面直接展示多模組卡片網格 + 真人攝影或實景影片 → 首屏畫面直接輸入或試用 · 配合使用者數、星級或核心指標建立信任
- 直接行動指令
- 資料指標欄
色板 · 點擊複製
- 字體與排版
- 8.0
- 色彩與對比
- 8.0
- 構圖與留白
- 8.0
- 細節與工藝
- 8.0
- 風格辨識度
- 7.0
結構
- 字體
- Inter
- 首屏畫面版式
- 首屏畫面直接展示多模組卡片網格
- 主視覺
- 真人攝影或實景影片
- 轉化動作
- 首屏畫面直接輸入或試用
- 信任背書
- 使用者數、星級或核心指標
- 導航
- 左側應用側邊欄
- 明暗與密度
- 深色 · 資訊密集
- 圓角與層級
- 中圓角 · 細線分層
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：極簡單色（兼備暗色開發者）
黑白灰加一個強調色，細線分隔，大量留白，靠字號與字重分層級。
## 設計參數
```css
:root {
--background: #0a0a0a;
--surface: #171717;
--foreground: #f5f5f5;
--muted-foreground: #a3a3a3;
--accent: #e8e8e8;
--radius: 8px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #0A0A0A（約 72%） · 面板 #171717（約 8%） · 正文 #F5F5F5（約 12%） · 次要文字 #A3A3A3（約 6%） · 強調 #E8E8E8（約 2%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：首屏畫面直接展示多模組卡片網格
- 導航結構：左側應用側邊欄
- 明暗與密度：深色 · 資訊密集
- 圓角與層級：中圓角；不用陰影，用細線與留白區分層級
- 主視覺載體：真人攝影或實景影片
- 轉化動作：首屏畫面直接輸入或試用 · 信任背書採用使用者數、星級或核心指標
- 標題切入點：直接行動指令
- 首屏畫面元件特徵：資料指標欄
- 空間布局拆解：左側固定導航，右側先排標題與雙按鈕，再放資料指標和城市照片卡片網格。
- 視覺特徵總結：深黑底色搭配白色無襯線大標題與灰色說明文字，城市攝影卡片、細邊框和淺色按鈕形成清晰層次。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- Workmode 的網站造訪次數是多少？
- Vaneform 估算 2026-09 網站造訪次數為 5.1K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
同分類研究對象
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。