網頁設計, 網頁標準化, SEO | HELLOBEAT™ » 網頁設計 (作品) http://beatskate.com/blog 提供網頁設計與開發, 搜尋引擎最佳化, 網頁標準化, 與資訊架構的服務 Wed, 21 Jul 2010 07:22:33 +0000 en hourly 1 http://wordpress.org/?v=3.0 SEO 案例分享 – SL Motor http://beatskate.com/blog/seo-kymco-slmotor/ http://beatskate.com/blog/seo-kymco-slmotor/#comments Mon, 22 Mar 2010 10:30:56 +0000 Beat! http://beatskate.com/blog/?p=1246 其他相關文章:
  1. 網站製作 – 光陽機車 SL Motor
  2. 1-click Award ワンクリックアワード
]]> 光陽機車價格

我們在 3 個月內將一個剛上線的網站 SL Motor 成功推到 yahoo Taiwan 關鍵字月搜尋量 4 萬以上, “光陽機車” 的前五名, Google 前 10 名. 以及其餘設定的 5 組關鍵字組, 比起一般不入流的 SEO 公司只透過 inbound links (backlink) 去操作 SEO, 我們則是透過關鍵字的戰略分析再配合文案去製作真正有內容的網站, 加上客製化的 SEO 內容管理系統, 讓客戶能夠長期操作有效的導入關鍵字, 真正達到搜尋引擎最佳化, 幫助客戶達到搜尋引擎行銷 (SEM) 的目的!

How we do it?

  • 關鍵字調查
  • 競爭者分析
  • 搜尋引擎最佳化
  • 付費關鍵字行銷 (Pay Per Click)
  • 搜尋引擎友善的網頁架構與設計
  • 網站分析
  • 連結管理
  • 內容管理
  • 部落格行銷

其他相關文章:

  1. 網站製作 – 光陽機車 SL Motor
  2. 1-click Award ワンクリックアワード

]]> http://beatskate.com/blog/seo-kymco-slmotor/feed/ 0 網頁設計: Kinerase 凱娜詩 http://beatskate.com/blog/web-desig-kinerase/ http://beatskate.com/blog/web-desig-kinerase/#comments Mon, 21 Dec 2009 13:02:24 +0000 Beat! http://beatskate.com/blog/?p=1019 其他相關文章:
  1. 網站製作 – 光陽機車 SL Motor
  2. 網站製作 – KINGRUN
  3. 網站設計 – DreamWalker
]]>

網站系統開發與設計: 美國三大醫學美容保養品牌 Kinerase 凱娜詩

Title: Kinerase 凱娜詩
URL: http://kinerase.com.tw/
Released : 2009-12-20
Description: 美國三大醫學美容保養品牌 Kinerase 凱娜詩

網站功能

  • 內容管理系統整合與開發
  • 前端程式開發, 符合 W3C XHTML 1.0 Strict 的網頁標準化
  • Friendly URL
  • SEO thinking CMS, 客製化的搜尋引擎最佳化的文件管理系統
  • Sitemap model and google sitemap xml

其他相關文章:

  1. 網站製作 – 光陽機車 SL Motor
  2. 網站製作 – KINGRUN
  3. 網站設計 – DreamWalker

]]> http://beatskate.com/blog/web-desig-kinerase/feed/ 0 一個關於字體的網站 – TypeTrix http://beatskate.com/blog/typetrix/ http://beatskate.com/blog/typetrix/#comments Thu, 12 Nov 2009 00:14:28 +0000 Beat! http://beatskate.com/blog/?p=876 沒有其他相關文章
]]> typetrix

這是我跟從事字體設計的好友 Joe 花了兩天的時間就製作完成的網站, Joe 負責設計, 我則是程式開發.
整個網站的設計就跟其本身想要傳達的訊息一致, 完全使用線條, 空間感與 typeface, 不作任何視覺上的裝飾 (整個網站的開發只使用的一個 Logo 圖檔), 其餘都是 CSS.

這個網站我們也導入了 CSS3 的一個重要的 feature, @Font Face, 透過這個新 feature, 將提供設計師在網頁設計上有更多的空間去發揮創意, 也讓數位印刷與出版發展出更多的可能性. ＠Font Face 主要是讓能夠看到更多網頁字型, 將不再只侷限於 Arial, Helvetica, Times, Georgia, Tahoma 等預設的系統字型, 讓設計師可以自由發揮, 導入自己想要的字型. 更多的 Web Typography!

其實這個功能已經存在了並且討論好一陣子了, 只是一直到最近瀏覽器大幅度的更新與演化 (IE7, IE8, Firefox 3.5, Google Chrome), CSS3 漸漸的普及之後, 才讓設計師漸漸注意到 Font Face 所能帶來的可能性.
這個 Revolution 相對的也替字體設計師帶來一些衝擊, 全新的授權方式, 全新的 Media. 也讓各大 Foundry 推出因應 Font Face 的販售方式. 還有各式各樣的加密/ 導入方式 (針對這些我們可能將來在 TypeTrix 會發佈更詳盡的 post)

TypeTrix 使用的字型是一個得獎的字體 Greta text, Joe 購買的 Greta Text 這個字型 (which costs him 560 EUR, God….), Typotheque 也提供了網頁使用的授權以及免費使用的導入方式 (Javascript + CSS)

Well. Here is it. 一個專注於字體設計的網站! TypeTrix – 文字裏技

近期內 TypeTrix 會有免費的字型下載, yeeeeeeeeeha!

當大家在使用 Photoshop/ illustrator 愉悅的從字體庫選擇自己喜歡的字型的同時, 希望也能夠正視字體版權的問題. 讓這些從事字體設計的設計師們有更多的動力提供我們字型與靈感.

沒有其他相關文章

]]> http://beatskate.com/blog/typetrix/feed/ 0 網站製作 – 光陽機車 SL Motor http://beatskate.com/blog/web-design-sl-motor/ http://beatskate.com/blog/web-design-sl-motor/#comments Wed, 04 Nov 2009 10:01:58 +0000 Beat! http://beatskate.com/blog/?p=872 其他相關文章:
  1. SEO 案例分享 – SL Motor
  2. 網頁設計: Kinerase 凱娜詩
  3. 網站製作 – KINGRUN
]]> 光陽機車價格
光陽機車目錄

SL Motor 光陽機車網站上線
Description:Art Direction, Web Development, CMS, IA, XHTML 1.0 Strict Validation, Flash Production

Title: SL Motor
URL: http://sl-motor.com/site/
Released : 2009-10-15
Description: 光陽機車 Kymco 總經銷 – 昇龍國際車業 SL Motor, 為北部規模最大的光陽機車總經銷, 我們有完整的技師團隊以及經營體系, 或許我們除了提供你優惠的車價之外, 也有最優質的售後服務!
Features: Full Site CMS, SEO Friendly, XHTML 1.0 Strict

其他相關文章:

  1. SEO 案例分享 – SL Motor
  2. 網頁設計: Kinerase 凱娜詩
  3. 網站製作 – KINGRUN

]]> http://beatskate.com/blog/web-design-sl-motor/feed/ 0 網站製作 – KINGRUN http://beatskate.com/blog/web-design-kingrun/ http://beatskate.com/blog/web-design-kingrun/#comments Thu, 15 Oct 2009 03:45:35 +0000 Beat! http://beatskate.com/blog/?p=863 其他相關文章:
  1. 網站製作 – 光陽機車 SL Motor
  2. 網站製作 – Pharmalink 香港商法瑪林珂
  3. 網站製作 – Everlight Chemical – 永光化學
]]> kingrun

Title: KINGRUN 台灣金朗
URL: http://www.taiwankingrun.com/
Released : 2009-10-15
Description: KINGRUN 來自日本於 2005 年成立,為台灣第一家專門針對醫療院所，提供自布品縫製、成品吊掛、定期專人清洗、到破損修繕，上至下的整合，為的就是提供最高品質、最專業的管理維護服務。
Features: Full Site CMS, SEO Friendly, XHTML 1.0 Strict

其他相關文章:

  1. 網站製作 – 光陽機車 SL Motor
  2. 網站製作 – Pharmalink 香港商法瑪林珂
  3. 網站製作 – Everlight Chemical – 永光化學

]]> http://beatskate.com/blog/web-design-kingrun/feed/ 0 網站設計 – DreamWalker http://beatskate.com/blog/dreamwalker/ http://beatskate.com/blog/dreamwalker/#comments Tue, 18 Aug 2009 00:51:25 +0000 Beat! http://beatskate.com/blog/?p=845 其他相關文章:
  1. 網頁設計: Kinerase 凱娜詩
  2. 網站製作 – 光陽機車 SL Motor
  3. 網站製作 – KINGRUN
]]> 手機遊戲開發
行動夢想 Java 手機遊戲

這次除了網站的整體規劃, 視覺設計, 以及全站 CMS 的程式開發製作之外, 也替該公司設計了 CIS

透過快速且有效的分工 (製作者都有相當良好的 SEO, CSS, IA, UI 概念), 就連設計的執行也是依照這個大前提下思考, 因此才能夠在短短 10 個工作天內就將網站的架構, 程式, 設計同時完成, 剩餘的 3-4 個工作天讓客戶自行透過 CMS 上傳資料, 我們則同步進行網站功能的微調, 由於製作的時程相當的急促, 但是設計上, 以及功能上卻絲毫沒有妥協. 因此我們對於後來上線的版本也相當的滿意.

Title: DreamWalker
URL: http://dreamwalker.com.tw
Released : 2009-08-17
Description: DreamWalker 行動夢想是行動遊戲/加值應用的開發者，陸續製作了不少成功的行動遊戲及應用服務，上架於各大電信業者平台以及行動加值網站。並在 2009 年在中國大陸成立分公司, 將結合兩岸資源共同努力在華人行動科技應用的創新

網站功能

  • Ajax News
  • XML driven Flash and integration with CMS
  • Friendly URL
  • SEO thinking CMS
  • Sitemap model and google sitemap xml

其他相關文章:

  1. 網頁設計: Kinerase 凱娜詩
  2. 網站製作 – 光陽機車 SL Motor
  3. 網站製作 – KINGRUN

]]> http://beatskate.com/blog/dreamwalker/feed/ 0 網站設計 – 果蕾 http://beatskate.com/blog/web-design-gly-derm/ http://beatskate.com/blog/web-design-gly-derm/#comments Tue, 04 Aug 2009 07:07:24 +0000 Beat! http://beatskate.com/blog/?p=838 其他相關文章:
  1. 網站設計 – DreamWalker
]]>


網站上線 : 美國果酸品牌 – 果蕾

其他相關文章:

  1. 網站設計 – DreamWalker

]]> http://beatskate.com/blog/web-design-gly-derm/feed/ 0 和食 EN http://beatskate.com/blog/case-study-en/ http://beatskate.com/blog/case-study-en/#comments Sun, 21 Jun 2009 08:33:57 +0000 Beat! http://beatskate.com/blog/?p=650 沒有其他相關文章
]]> 和食 EN 網站

Intro

和食 EN 是一個在日本以及紐約都有分店的餐廳, 位於 Sogo 忠孝復興 11 樓的 EN, 日本料理長的堅持就是用每日精選的新鮮食材料理出日本道地飲食文化的精髓, 把一道道美食提供給客戶.

網頁設計

  • 讓網站上的菜單內容比店頭裡紙本菜單要來的豐富
  • 整個網站的內容都是透過 CMS – 內容管理系統 管理製作, 並提供編輯者權限控管的功能
  • 重新設計了整個網站的資訊架構以及導覽方式
  • 導入 SEO 概念且符合網頁標準化的開發流程, 全站通過 W3C XHTML 1.0 Strict 的驗證

案例分享: 和食 EN 網站連結

沒有其他相關文章

]]> http://beatskate.com/blog/case-study-en/feed/ 0 日本唯一經濟特區沖繩 http://beatskate.com/blog/okinawa-sez/ http://beatskate.com/blog/okinawa-sez/#comments Fri, 19 Jun 2009 02:22:40 +0000 Beat! http://beatskate.com/blog/?p=643 沒有其他相關文章
]]>

網站設計

  • 使用沖繩當地的蔚藍海岸做為背景, 透過底部無限延伸至整個瀏覽器的海岸線去營造出 “南國樂園 – 沖繩” 的感覺. 即使是 FULLHD (1920×1080) 的畫面也一覽無遺
  • 首頁設計使用大區塊的 Flash 利用動態的畫面解釋沖繩經濟特區的種種好處以及優勢!

案例分享: 日本唯一經濟特區沖繩

沒有其他相關文章

]]> http://beatskate.com/blog/okinawa-sez/feed/ 0 網站製作 – 禾唯公關網站改版 http://beatskate.com/blog/works-hallway-pr-redesign/ http://beatskate.com/blog/works-hallway-pr-redesign/#comments Mon, 04 May 2009 04:25:05 +0000 Beat! http://beatskate.com/blog/?p=534 沒有其他相關文章
]]> hallway-pr-website-redesign-2009

禾唯公關顧問網站重新設計

禾唯公關網站其實在 1 個多月前就上線了, 但是最近開始追蹤成效才想到可以寫一下這個小型網站製作的專案分享

客戶改版初衷一開始純粹只是想要有個後台可以發布新聞, 由於之前的版本是我 06 年做的, 但是現在看之前的 code 實在是慘不忍睹 (design too..lol), 索性就把整個網站重新改版了, 改版設定的目標除了重新設計, 架構調整, 導入 CMS 之外, 也特別導入了 SEO 服務.

其實國內很多廠商雖然打著 SEO 的名號, 每間公司也都有他們自己的 know-how, 但是卻很少真正 (有能力) 是從 HTML Markup 前端工程去下手的, 的確, 這些只是 SEO 眾多 must-do check list 的一個環節而已, 但絕對是最重要的環節.

Hallway 網站改版的工作流程:

從網站開始製作的第一個環節, 透過訪談, 了解客戶網站的目的, 提出網站經營的策略/ 建議書, 依照客戶的目的整理目標關鍵字, 從最初網站的設計即預先導入 SEO 的思考, 配合Web Standard/ 網頁標準化 前端工程的開發, 以及 SEO Ready 的 CMS 結合 (SEO 是長期的服務, 我覺得透過教育訓練教育客戶 SEO 的基本概念, 配合容易操作使用的後台, 讓客戶能夠自己去操作, 發想, 調整, 這樣長期的經營才可以一直維持網站良好的成效, 達到 Long Tail)

改版後的成效:

  • 除了網站視覺全面的重新設計之外, 原本使用性不佳的 Flash 選單改成 HTML, 透過最初設定的網站策略去進行設計上的思考, 這個工作流程大大降低了網站原本的流失率.
  • 導入 Google SiteMap XML, 使得網站上所有內容的新增, 變動, 也能夠第一時間讓 google bot 反應, 重新索引
  • 上線不到 2 個月, 一開始設定標的 10 組關鍵字, 已經全部從本來搜尋的第 300 名以外, 到現在的 top 5.

搜尋引擎成效:

禾唯公關 最主要的服務目標關鍵字 – “醫療公關” 的排名也在短短的時間內
05-04 更新: google 第 13 名, yahoo 第 2 名.
05-08 更新: google – 第 2 名. Yahoo – 第 2 名.
05-20 更新: google – 第 1 名. Yahoo – 第 2 名.

期間還沒有開始任何的 ppc 採買或者是其餘的操作.
本來是設定在三個月後開始進行 ppc 的採買, 但是以現在這樣意外的成效, 許多關鍵字組也必須要重新調整了

結論

SEO 網站的經營策略從提供良好/ 優質的內容去著手, 加上 SEO Friendly 的前端工程開發, 配合可以讓客戶自行長期經營, 調整/ 編輯文章內容/ SEO 操作的 CMS, 其網站成效絶對是驚人且能夠長期發酵的.

沒有其他相關文章

]]> http://beatskate.com/blog/works-hallway-pr-redesign/feed/ 0