blog 部落格

網站開發這樣合作最順!

網站開發這樣合作最順!

嗨!您好: 我是野薑設計主理人—Ginger。 今天,我們要來講合作流程,網站專案是協作過程,甲方要出心力,乙方也需要出專業,兩邊一起合作,才能共創美好的專案。野薑有一套系統性的流程,跟著我們做事,就如同有導遊一般,一路走完後,網站也順勢誕生。以下就為您介紹,我們的合作流程: **開發流程** 在網站建置階段,一共分為,前置作業、設計階段、工程階段、驗收階段、上線階段。蓋網站,有點像是蓋房子,每一階段定案後,就不建議再異動。比如說,風格定案後,就不建議再異動,如果要翻盤之前決定,可能就要支付重工費用。 **開發中,追加收費的狀況** 開發中,如果發生重工情況,會追加收費。比如說,已經畫押要做 A 風格,在後期又翻盤想做 B 風格,會視為重工,會產生追加收費喔~ 如果以蓋房子為比喻,我們建議敲定順序是 1. 骨架:網站地圖 (sitemap) , 頁面結構 ( section )  2. 水泥:線匡稿 ( wireframe ) 3. 裝潢:風格 ( style ) 如果做到裝潢階段,要回去調整骨架,就如同原本要蓋三樓透天,已經快蓋好了,要改成蓋 10 樓大夏,肯定會需要兩邊都費心思,施工方也會酌收費用。分階段敲定,合作體驗會更順暢喔~ **上線維護保固流程** 上線後,我們提供 6 個月保固,這段期間有發生 bug、 破版、既有邏輯損壞等情況,都由野薑進行免費維修。但如果是追加新功能,則會另外報價。保固期過後,我們會詢問客戶要不要簽維護約?若客戶有簽維護約,我們會每個月掃網站一次,確保運作正常,中間有 bug 也由野薑維修。如果不簽維護約客人,會建議設定自動升級,但如果出現 bug,則是依據維修時數報價喔~ 再來是,上線後可能會發現,當初規劃的使用情境不同,想要調整異動。那可以先分為小 issue , 中 issue , 大issue。 以小 issue 來說,泛指「 隱藏開啟連結顏色文字圖卡更換修改」行為 ,固定費用,收集越多一口氣修改,越划算喔。 中 issue 則是,版面調整、邏輯調整、串接調整,依據修改幅度收費。 大 issue 通常是,前後台上架邏輯調整、新增後台、新增功能、新增頁面,依據修改幅度收費。 **網站開工前準備** 我們會推薦可以先將策略想清楚,蓋好這一家咖啡館後,您要怎麼營運網站?流量要怎麼來?這會是營運一個成功網站的關鍵喔! 再 […]

盤點網站的方法,搭配規劃書更好用

盤點網站的方法,搭配規劃書更好用

嗨!您好: 我是野薑設計主理人—Ginger。 如果您已經讀完前面幾封信,您是不是躍躍欲試,想要嘗試規劃網站了呢?可以下載我們規劃書,幫助您盤點內部資源。今天我們帶您看過一遍規劃書,總共分為三部分: 規劃書 A – 基礎資源盤點 在基礎資源盤點,分成素材收集、時程、人員配置。可以先利用素材清單,盤點手邊有的素材,這對後續進展很有幫助喔! 如果您有團隊,可以先依照人員配置分配任務。如果您只有一個人,就要有心理準備,這些角色會需要您來擔當。但別擔心,我們會在專案中協助您進行。 我們鼓勵客戶在前期先收集素材,這樣開案時,就不需要等待素材收集的時間。如果順利與我們合作開案,我們也會鼓勵先收集完素材再進行開案,會比較好喔! 規劃書 B – 製作面向盤點 製作面向盤點比較專業,一般來說,網站地圖和頁面結構,是我們已經調整出來高轉換方案,如果有特殊需求,可以再補上去。 再來是,如果文案能先準備好是最好的,但如果無從準備起,也可以先與我們諮詢,不用卡在文案這一關喔!因為我們知道,很多人是文案苦手,但不用擔心,我們有配合的文案師,能藉由訪談挖掘您大腦的想法,淬煉成文案。 關於風格,應該是大家最喜歡討論的部分了,歡迎到 pinterest 查看心儀網站,或是找尋同業網站,會對風格想像更加具體喔! 製作面向盤點比較專業,如果您已經有搭建網站經驗,可以先填填看,但如果您沒有搭建網站經驗,可以直接向我們諮詢,搭配野薑輔導較容易完成喔! 規劃書 C – 工程面向盤點 最後是工程面向盤點,如果您是在大公司裡面工作,您可能需要先詢問公司 MIS 內規,通常會需要留意部署的方式,主機網域的安排。如果您沒有工程人員,願意由野薑提供工程服務,那也歡迎先諮詢,我們會在諮詢中盤點您的工程需求喔! 如果您覺得盤點很困難,可以考慮先做 A 基礎資源盤點、尋找心儀網站、決定好網站英文名稱。若您與我們諮詢,我們也會協助您盤點,讓您更快完成這項任務!歡迎與我們諮詢~可能有同學會卡在預算和時程,下封信,我們就會介紹各種網站的預算和時程,敬請期待!

網站適合那些行業經營?那些行業請緩緩

網站適合那些行業經營?那些行業請緩緩

嗨!您好: 我是野薑設計主理人—Ginger。 前兩封信我們講到,網站運作基礎概念。今天我們要講解,那些行業適合蓋網站,那些行業請先緩緩。畢竟網站是線上店面,裝潢都是要一筆錢,我們常見到有些同學太急著蓋網站,最後因為心力不足,放置成蚊子館,非常可惜! **適合蓋網站的同學** 如果您是專業服務,舉例:律師、室內設計師、形象顧問,客單價會超過萬元的,是很適合蓋網站喔!首先,因為您的客戶很難衝動消費,畢竟您的單價是萬元等級以上,一口氣要掏出這筆錢,其實會猶豫的。所以客戶理性大腦會啟動,開始搜尋您的作品、服務客群、團隊樣貌,這些都是客戶在意的東西,非常適合先用網站和客人溝通! 說到溝通,通常這類專業服務,客戶需要做功課到一定程度,才能有效表達需求。但客戶就是因為門外漢才向您求助,要如何自己做功課呢?答案是,先幫客戶寫好作業,您能透過網站自問自答,幫助客戶釐清自己問題,即是網站的效用。 同理可推, B2B 傳產類型同學,特別適合做網站,因為 B2B 專業知識含量非常高。尤其台灣過往,大多是做形象官網,這類型網站僅是將幾頁介紹放在網路上,並沒有招攬客戶的能力。而依據野薑身邊傳產朋友經驗,只要有 blog 功能,開始寫文章,埋關鍵字。還不需要花錢買廣告,客戶就會自己找上門。成效真的非常好。 **以下同學,請先別衝動** 如果您是餐飲、美業、甜點,屬於有店面的行業,尤其是剛開一家店的同學,請先緩緩,別衝動蓋網站。原因是,網站是您線上店面,初期很難同時經營實體店和線上店。之前我們提到,網站是轉換的角色,實體店面也是轉換角色,可以考慮先作好一個轉換角色,讓整個銷售漏斗轉起來,再逐步擴張到線上店。 初期店面同學,會推薦 google map,將實體店評論經營好。到中期,如果想要販售真空包裝,配料、醬料等等,可以搭建電商販售。到後期,如果有加盟、資金、招募等需求,則是可以搭建品牌官網溝通您的理念。 **事業不同階段,適合的網站類型** 提到事業不同階段,適合網站類型也不同。 以專業服務 – 初心者來說,適合搭建品牌官網,如果想要降低資金壓力,可以用一頁式方式製作,但一定要有收集 Email 名單 、 Blog 功能,這兩個重要功能才能讓銷售漏斗運轉起來。 等到銷售漏斗開始運轉起來,可以考慮擴建為品牌官網,將您理念、團隊成員、服務細節放進網站中。讓客戶感受到這是一個完整團隊, […]

網站營運基本功:如何從網路上招募到客戶?

網站營運基本功:如何從網路上招募到客戶?

嗨!您好: 我是野薑設計主理人—Ginger。 上封信我們講到「蓋網站還要搭配流量」,才能如一台汽車噗噗噗的往前開! 今天我們將講解銷售漏斗,流量來源,講客戶是怎麼進到您的網站的過程。當您理解這前後脈絡後,才能更有效的運用網站~ **客戶旅途** 首先,我們來想像一個晚上,您閒來無事的滑著手機,看到一則廣告,上面寫著只要填寫名單就能獲得網站規劃書,免費的!您想到,最近老闆的確交代要做網站,但自己還沒開始調查,也許這份規劃書可以節省心力,因此您點進網站,填寫名單,並獲得一份規劃書。 這樣的心理過程,就是客戶旅途! 滑社群 -> 看到廣告 -> 心理被觸動 -> 點進網站查看 -> 填寫名單 -> 獲得規劃書 因為每一階段的人會逐漸變少,如同漏斗一樣篩選出有興趣的潛在客戶,也稱之為銷售漏斗。 **什麼是銷售漏斗?** 想像銷售漏斗如同一個精緻的過濾器,它專門設計來捕捉並引導潛在客戶,從初次接觸到最終購買,每一步都精心安排,客戶在這過程,知道您的價值觀,做事風格,逐漸加深對您的認識,當您們來到交易階段時,已經如同老朋友般的熟識。這就是銷售漏斗運作原理。 **網站在銷售漏斗中的核心角色** 銷售漏斗顯然是一組大機器,中間有很多環節扮演不同角色。廣告是流量角色一種方式,網站是系統角色一員,最有創意的企劃文案視覺,則是提案的角色。 流量角色:可以分為主動流量、名單流量、被動流量。市場上有很多獲取流量方式,有付費,有免費的,可以依據公司資源去搭配。現在流行短影音也是「流量」組件中,一個小元件。如果經營上不適合,可以抽換成其他流量元件。但無論如何,都一定要有可以發傳單給客人方式,只單靠網站運作會很辛苦。以野薑投放廣告來說,即是在社群軟體上,發送宣傳單給在社群網站活動的人,客人看到才會來到官網,下廣告即是野薑採用的流量元件。 系統角色:用不同工具,將客人一步步往下帶,完成客戶旅途,即是系統概念。網站是其中一員,具有收集 Email, 自動寄信,吸引流量等作用 ,具備多種工具於一身。轉訂單、轉諮詢的行為也會發生在網站中。假想您沒有網站的話,要達成上面任務,肯定要花不少功伕!以我們野薑來說,每天會有十來位人索取規劃書,如果沒有自動化的話,我可能就要一直寄信給索取的人,這即是網站的效用。 提案角色:最常被人感覺到有創意的事,通常會由行銷企劃同學擔任,舉凡文案 […]

蓋了網站能馬上轉錢嗎?您需要的基礎概念都在這裡

蓋了網站能馬上轉錢嗎?您需要的基礎概念都在這裡

我是野薑設計主理人—Ginger,很開心能與您分享網站大小事。 今天想與您分享,常有的客人迷思:我蓋了網站,是不是就能馬上轉錢? 實際上,網站是可以轉錢的,網站在數位世界中,幾乎同等於線上店面的角色!但就如同店面一樣,裝潢好一家店面,靜放著不動,也是很難產生收益的。我們可以想像,裝潢好一家咖啡店,接下來會做些什麼呢?肯定會是去市場發傳單,塞附近鄰居的信箱,讓大家知道,這裡有一家好店,歡迎來坐坐喝杯咖啡。 網站就是這家剛裝潢好的咖啡店,網站搭建好後,通常還需要下廣告 (發傳單)、寫文章、各種能宣傳的方法都用上,網站才會有人流,進而產生諮詢或是訂單。 我們用另一種方式比喻,搭建網站像是買了一台車,後續還需要加汽油,車子才會發動載您想去的未來。汽油有很多種,有些是高效汽油,需要花點錢但會快點看到成效。有些是慢水細流型的汽油,免費但需要一年左右時間發酵。網站就是這台車,我們可以選擇下廣告 (高效汽油),或是寫 SEO 文章 (慢水細流型汽油) ,但無論如何,車子一定要加油,才會動,對吧? 這也是過往老網站架站的迷思,大多老網站都沒有流量概念,所以只有寥寥幾頁,如同薄薄幾頁廣告宣傳單放放在網路上,招募客戶效果自然薄弱,真的非常可惜。 我們有接觸到一些 B2B 傳產的官網,大多是這種廣告宣傳單型的網站,後來委託改建成有 Blog 網站,開始寫文章加入汽油,網站就如同起死回生,開始運轉起來招募客戶。 如果您是 B2B 產業,可以期待網站為您帶來諮詢。如果您是 B2C ,那更要將你網站,打造成線上店面,直接帶來訂單。 再來是,網站不只擔任「轉訂單」「轉諮詢」角色,在客戶旅途中,網站通常有不同的任務,服務不同階段的客人。 拉新客戶:網站不會在這段發會作用,會需要用廣告工具,發傳單給客人,讓客人進到網站。 新客:第一次來到網站的客人,稱為新客,可以安排小禮物、試吃品、贈品,讓客人感受到好處,網站可以代替員工,為您發送小禮物給客人。 半熟客:獲得您贈送小禮物,有需求同學,可能會開始研究您網站文章,您的觀點,接收您的電子報,覺得不錯可能就會成為熟客囉! 熟客:熟客會透過網站轉諮詢、轉訂單,這就是網站最大功用,讓訪客變成熟客! 熟客啟用產品:熟客在使用產品,可能會遇到一些困難,多數人會傾向先自己解決,如果能在網站上多寫啟用產品文章,也如同隨侍在側的客服人員喔! 熟客口碑推薦:熟客在推薦您時 […]

如何開立Google Tag Manager (GTM) 追蹤碼&權限

如何開立Google Tag Manager (GTM) 追蹤碼&權限

Google 代碼管理工具 (Google Tag Manager,簡稱 GTM),是一套免費的代碼管理系統,安裝後可以集中管理和追蹤網站上的所有代碼。 GTM的基本組成為以下四項: 以下步驟是如何開立GTM追蹤碼及權限,並提供給野薑的網站管理人員: 一、建立帳戶 1. 進入https://tagmanager.google.com,登入 Google帳戶 2. 點選左上角帳戶列表,並點按右上方「建立帳戶」 3. 輸入帳戶名稱(公司名稱);地區選擇台灣(主要服務地區) 二、新增容器 1. 繼續輸入容器名稱(可以填寫品牌名稱或網址);目標廣告平台選擇「網站」,並按「建立」 2. 跳出服務合約條款,下方打勾接受,右上角按「是」 三、獲得GTM程式碼與GTM ID 1. 建立完成後,GTM 會提供一段程式碼,請複製此程式碼提交給野薑。 2. 回到代碼管理工具頁面,在視窗頂端附近,找到格式為「GTM-XXXXXX」即為容器 ID,請複製此ID提交給野薑。 四、開立權限 1. 回到帳戶,點選左上列表的「管理」後,並點選左側帳戶下的「使用者管理」 2. 會出現帳戶權限視窗,按右邊藍色加號-增加新使用者的存取權限,並點選「新增使用者」 3. 輸入需開立的野薑人員的電子郵件地址,並將「系統管理員」打勾,再按右下方的小箭頭繼續進入容器的權限 4. 在容器權限中將右側全部打勾,並按完成。 5. 最後右上角按「邀請」,即完成開立權限的步驟。

如何找出 Google 代碼ID及程式碼 – Google Analytics (GA4)

如何找出 Google 代碼ID及程式碼 – Google Analytics (GA4)

1. 登入 Google Analytics (分析) 帳戶 https://analytics.google.com/analytics/web 2. 在「管理」的「資源設定」中,展開「資料收集和修改」,點選「資料串流」,選擇資料串流的名稱 如果系統未顯示資料串流,而是「請選擇平台」,請先新增資料串流 3. 在「網頁串流詳情」頁面底部的「Google 代碼」部分,點選「進行代碼設定」 4. 在「您的 Google 代碼」下可找到開頭為「G-」或「AW-」的 Google 代碼ID,複製並提供給野薑人員。 5. 回到第3步的「網頁串流詳情」頁面,在「Google 代碼」部分點選「查看代碼操作說明」 6. 在「安裝操作說明」頁面中,點選「手動安裝」,即會顯示出Google代碼,複製 並提供給野薑人員即可! 複製整段程式碼,開頭為: <!– Global tag (gtag.js) –> 結尾為 </script>

如何取得Meta Pixel(Meta像素)

如何取得Meta Pixel(Meta像素)

在開始之前,您必須要先完成設置以下事項: 1. 您必須擁有個人 Facebook 帳號。您將使用該帳號登入 Meta Business Suite 或企業管理平台,您可在此建立商家資產管理組合。 2. 您必須建立商家資產管理組合,並擁有最高權限(完整控制權),或是去「設定」指派相關人員有完整控制權,才能進行以下操作。 以上都準備好之後,就可以開始以下步驟: 為網站建立資料集 ※如果網站已經有資料集可跳至Step 6 Step 1. 在Meta Business Suite介面中,點選「所有工具」,前往「事件管理工具」 Step 2. 在「事件管理工具」左側欄,點選「連結資料來源」 Step 3. 勾選「網站」後,點選「連結」 Step 4. 輸入資料集的名稱並點選「建立」 系統會建立一個新編號,讓您可在事件管理工具中查看。資料集編號就是像素編號。 Step 5. 設定網站網址 輸入網站網址,點選「檢查」後可關閉視窗。 找到資料集編號(就是像素ID) Step 6. 回到事件管理工具頁面,在左欄「資料來源」,選擇剛才新增的資料集,點選右上方「設定」 Step 7. 找到「資料集編號」→就是像素ID,複製此資料集編號給野薑! 產生存取權杖 Step 8. 繼續往下拉,在轉換API部分,找到「產生存取權杖」,複製此存取權杖給野薑! (注意操作人員必須要有完整存取權限才能產生存取權杖) 找到Meta Pixel 像素程式碼 Step 9. 回到上方,選擇「總覽」,找到「設定Meta像素」 Step 10. 選擇「手動安裝程式碼」 Step 11. 點選「複製程式碼」→就是Meta Pixel 像素,把此程式碼複製給野薑人員即可!

套版網站是什麼?和半客製、全客製,又有什麼差異?施工方案決定您的行銷廣度!

套版網站是什麼?和半客製、全客製,又有什麼差異?施工方案決定您的行銷廣度!

你是否常常聽到,網站買版型自己安裝就可以拉!便宜又多樣!但實際安裝下去後,發現要改東西何其多,設定藏在雲深不知處,耗費您大半心神。因此,您開始思考外包,但卻不知道如何衡量專業?這篇就是為您而寫的!本篇會講述網站常見施工方法,和優缺點,最後還會有選擇建議表,讓您依據自己現況做選擇!

網站設計如何運用 AI ?

網站設計如何運用 AI ?

最近我們開始使用 AI 優化網站製作流程。有幾個簡短心得,與大家分享: ➤ AI 還無法做出預判,PM 同學不用太擔心 因為我們網站專案中,常常要接客戶殺球,或是為了避免被殺球,需要做很多預測和預判,這是我覺得目前 AI 難以處理一塊。關鍵不在是回答,而是如何預判,想到未來好幾步,設身處地的,為客人著想,我想這一點也是人類和 AI 有很大不同之處。 ➤ AI 無法產出連續風格 如果有需要維持一致風格,MJ AI 有點難處理呢!畢竟維持一致,和 AI 發散的特質違背。所以要產生連續風格,仍需要有插畫師做後續修整。 ➤ AI 容易給客戶有過高期待 之前插畫流程是,先對齊元素 → 草稿 → 上色精稿。客戶感受是逐漸變好。但現在 AI 一口氣產出豐富的圖卡,容易給客戶有過高期待,是不利於專案推進的,客戶想法未能在草稿收斂,很容易出現翻盤現象。 ➤ 難以取得照片 AI 可以幫忙 有些照片很難取得,例如熱帶雨林下的生物,圖庫也找不到,這時候用 AI 就很棒囉! ➤ 修圖變得更容易 Photoshop 出的 AI 是走精準方向,和前面 MJ 發散的不同,用他修圖的效果很好。也感受到每年繳 Adobe 費用的價值了。客戶給的素材是直長方形照片,可以用背景生成,產生橫型照片。客戶想要修圖,也可以用 AI 來修圖。 ➤ AI 需要有搭配具象化圖像思考能力 製作網站過程,我們很常收到一大段抽象專業文案,需要想出配圖是什麼。這樣工作,最有價值之處,不在於找到合適素材,而是淬煉出文案精神,找出合適圖搭配。具象化能力,能在大腦中呈現圖的樣毛,即是設計師天生具備的。無論是用圖庫,還是 AI ,都需要搭配設計師具象化能力,才能做出適合圖卡。 ➤ 臉書 Blog 能擁有多元風格圖卡 臉書和 Blog 通常會配一張封面圖卡,這些圖卡不會委託插畫師,而多是尋找素材完成,也蠻花時間的。現在使用 AI 產生圖卡,能讓 Blog 整體看起來更豐富多元,這篇貼文的圖卡,即是用 AI 來完成的喔! ➤ Chatgpt 是個禮貌距離感的客服 chatgpt 很適合當客服,應該說他就是客服,屬於有距離感,優雅禮貌的客服。如果要寫道歉信,或是催款信,很適合用 chatgpt 來幫忙喔!可以想像成,一位執事管家,優雅禮貌的,請客戶付款。 文案類,則不一定適合 chatgpt ,我們使用文案情境有,高大上類型文案、拉近情 […]