艾爾森數位網頁設計專家洞察先機,規劃完整的「響應式網站」,提供最專業的rwd響應式網頁設計與關鍵字廣告應用,
Responsive Web Design(rwd) and AdWords‎ business and supporting design service。

規劃出Responsive Web Design又稱自適性網站設計,響應式網站設計及RWD(Responsive Web Design),利用HTML5/CSS3提供最專業的響應式網頁設計與關鍵字廣告應用。

響應式網頁設計
響應式網頁設計
響應式網頁設計
響應式網頁設計
響應式網頁設計

響應式網頁設計

Elson Digital Co.Ltd.

響應式網頁設計
響應式網頁設計
響應式網頁設計 響應式網頁設計 響應式網頁設計 響應式網頁設計

響應式網頁設計

我們的技術

響應式(RWD)網頁設計

簡稱多螢網站,可讓不同的瀏覽工具都可以正常瀏覽同一網站,提供最佳縮放視覺體驗。使用技術 HTML5 + CSS 3 製作出響應式網頁呈現。

適應式(AWD)網頁設計

簡稱多螢網站,可讓不同的瀏覽工具都可以正常瀏覽同一網站,提供最佳縮放視覺體驗。使用技術 Java Script + CSS 製作出適應式網頁呈現。

一般(PC版)網頁設計

簡稱電腦版網站,以電腦瀏覽視窗方式的網頁設計,使用 CSS 及配合 Java Script 動態效果呈現視覺排版,以固定式版寬製作網站版型。

行動裝置(手機版)網頁設計

簡稱手機版網站,使用行動裝置排版技術概念呈現網站,以各式行動裝置瀏覽時,視覺呈現符合行動裝置瀏覽製作網站。

PC版+手機版網頁設計

針對使用者瀏覽裝置進行分析,一般PC瀏覽者將導向PC版網站頁面,行動裝置瀏覽者將導向手機版網站頁面。

PHP 後台開發

業界最多人使用技術,進行程式後台開發,讓網站便於更新資料。

EDC

響應式網頁設計

ABOUT IS:

簡稱多螢網站,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局,可讓不同的瀏覽工具都可以正常瀏覽同一網站,提供更佳的視覺體驗。

艾爾森數位期許與您一同走入更美好的未來

響應式網頁設計

網路開店







自行開發系統,不斷更新

專業團隊持續更新研發開店系統,靈活因應多變的網路流行趨勢,讓您的電子商城不會一成不變、多年後不符潮流的問題。

獨立主機空間,個資不外流

可以建立自己品牌,完全獨立主機空間、網域名稱,獨立擁有會員資料,不擔心顧客個資外流的安危。

後台操作簡單,容易上手、24小時線上諮詢客服

後台介面最直覺、最人性化,讓您不只擁有時尚設計的前台,也不忽略後台使用操作的便利與效率。

多元行銷方案,刺激買氣

關心商家銷售業績,提供各項行銷方案,例如滿額折扣、預購、限時搶購專區……等等促銷方式,更特別的事,我們主動幫您揪團購,全台免費DM派送、刺激買氣、衝高業績,提供給您的不只是一個購物網站,而是一個行銷團隊。

網路開店,低成本無負擔

您只需要每個月不到二千元,不綁約,就可以低成本輕鬆開店,可以無限量上架商品數量、無限量網路流量,不抽您任何購物車或成交手續費用,為您節省開店成本。

連絡我們
響應式網頁設計
響應式網頁設計

facebook行銷

  • 為什麼要做臉書數位行銷?
  • 招募精準粉絲.串聯密集曝光.議題規劃營造粉絲討論、創造高度觸及及互動率。

rwd
響應式網頁設計
響應式網頁設計

聯絡我們

  • 服務專線:02-2797-8377
  • 地址:台北市內湖區文德路22巷39號4樓
  • Email:rwd@qredc.com.tw
  • Share on:
    填寫表單
Back

RWD網站設計

響應式網頁設計(Responsive Web Design)

by : Google

2015最新HTML5響應式技術

簡稱多螢網站,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局,可讓不同的瀏覽工具都可以正常瀏覽同一網站,提供更佳的視覺體驗,還能快速加入名片電話至手機、訂單系統、地圖導航、預約系統等至手機。

為什麼要做 Responsive Web Design?

因為越來越多人要用手機、平板來瀏覽網頁

是的,Responsive Web Design 就是因為這樣而生的,為了要讓 手機、平板 的 User 有更好的體驗。

由於行動裝置簡單好上手,因此在此次調查中也發現在50歲以上的網友,行動上網率遠高於PC上網率。整體而言,行動上網率也與PC上網率呈現不相上下的持平狀態。通常透過手機上網的使用者最常從事的活動是網頁瀏覽或找資料(90.7%)、找地圖(78.5%)、參與社群網站或MSN(77.1%)、傳送照片或檔案(68.6%)、玩行動APP或網路遊戲(60.6%)等

相較於使用PC上網的行為焦點多以影音、購物、線上遊戲等娛樂行為,使用手機上網的重點即在於找資訊!可隨時隨地蒐網頁、找地圖等等,因此擁有一個適合手機瀏覽的行動網站也成為趨勢之一。

「嶄新的多螢幕時代:瞭解跨平台消費者行為」研究中,我們發現 90% 的消費者會使用多種不同的裝置來達成目標,其中包括智慧型手機、個人電腦、平板電腦或電視。

這項研究還顯示,消費者會使用多種裝置來完成線上訂購機票或個人理財等事務。事實上,有 98% 的多螢幕使用者會在一天之中使用不同的裝置來完成一件事。

商家必須針對小型螢幕 (小於 7 吋) 調整網站。在大型平板電腦上,網站內容通常都能正常顯示及瀏覽,但智慧型手機呢?客戶能正常在所有裝置上與您的內容互動嗎?您是否確實根據客戶的背景和需求調整了網站瀏覽體驗,並且提供他們所需的內容?

我們希望為您的商家找出合適的策略,並解答有關實務和技術方面的重要問題。以下網頁提供了一些分析數據,讓您瞭解如何製作多裝置網站、選擇設定時應該注意哪些事項,以及如何避免犯下常見錯誤。

Questions or concerns

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

行銷趨勢

淺談當下網頁設計趨勢

by:Inncre


技術的革新帶動了設計行業的的迅猛發展,這使得設計師和開發者有了更廣闊的的探索天地。而網頁設計也越發不再那麼循規蹈矩,許多團隊和公司都做了很多思考和創意。所以在我們適應著現代設計潮流的同時,不妨也來看看現階段網頁設計大致的趨勢和風格吧。我不敢大言不慚的說這就是當下網頁設計的趨勢,這只是本人對當下網頁設計做出的一些小總結。希望這樣的歸類總結能給你帶來更多的思路和想法。


1.響應式網頁設計(Responsive Web Design)

現在越來越多用戶都擁有多種終端:台式機,筆記本,平板電腦,手機,能夠適應不同尺寸顯示屏的網頁是現在的潮流,甚至是未來很長一段時間的設計趨勢。那麼響應式網頁設計就是來解決這個問題的。這種特別的開發方式能保證網頁適應不同的分辨率,讓網頁要素重組,使其無論在垂直的平板電腦還是智能手機上,都能達到最好的視覺效果。

除了多終端的多樣化,我們還可以看到我們的電腦屏幕,手機屏幕都在不斷變大,而在對未來生活的預測、概念設計裡,“屏幕”這個產物更是被運用到多種新平台上。例如微軟發布的“未來生活概念視頻”裡,廚房、室內牆壁、辦公室玻璃牆面都成為了交互平台。所以我們可以發現,響應式網頁設計所具備的良好的適應性和可塑性,在未來的網頁設計裡將佔有舉足輕重的位置

10yearsintype.com/

microsoft.com


2.全屏網頁設計(Full Screen Design)

所謂設計不分家,近年來平面設計裡“純淨”“留白”等概念也被互聯網設計吸取,為了更簡單明了的突出主體,提供更舒適的感官感受,很多網站開始採用全屏網頁設計,利用精心挑選設計的漂亮背景,加上合理的頁面佈局,視覺衝擊力大可很好的吸引觀者註意。

通常頁面內的文字內容不會特別多(所出現的少量文字加上精美的排版將會變得更加吸引人),主要以圖片展示為主。這個樣子的網站多用於攝影團隊或個人作品集展示會比較常見。雖然簡單養眼,但是承載信息有限,公司部門的主頁很少見這樣的設計。

pocarisweat.jp

blacknegative.com


3.視差滾動設計(Parallax Design)

視差設計可以說是近年來網頁設計中的一大突破,也備受推崇。視差滾動是讓多層背景以不同速度滾動,以形成一種3D立體的運動效果,給觀者帶來一種獨特的視覺感受。

除此以外,鼠標滾輪的流暢體驗,讓用戶在觀看此類網站時有一種控制感,簡單來說這是有響應的交互體驗。就好像童年看到走馬燈,轉動它你就能看到人物動起來,還能欣賞故事。視差滾動設計的趣味也在於此。所以無論是網站還是電商商品宣傳頁都經常採用視差設計,吸引眼球也很受用戶喜愛。

gamingmedia.ru

fullten-plums.com.tw


4.扁平化設計(Flat Design)

扁平化設計可以說是去繁從簡的設計美學。去掉所有裝飾性的設計,可以說是對之前所推崇的擬物化設計的顛覆。我們不能妄加評論說這是好還是不好,只能說它提供了一種新的設計思維。

扁平化設計是否會成為將來的趨勢我們也無法回答,儘管褒貶不一,備受爭議,但是就現在來說它是當下的一種潮流。

blocklevel.nl/


5.滾動偵測網頁設計(Scrollspy)

利用CSS的實現將導航欄固定在網頁頂部(大多數是頂部,當然也有側面或底部),並將版面內容按照導航順序垂直或橫向排布,使得用戶點擊相應導航tab時頁面自動滑到相應頁面,而若點擊內容,導航也將隨之改變。這樣的網頁設計頁面基本不會跳轉,每一個tab所指向的頁面內容也基本一屏顯示完整,所以在頁面呈現的內容上會有所局限。為不影響佈​​局一般也會伴隨自適應。

滾動偵測式的網頁會給設計師帶來了很大挑戰——要在有限空間內保證內容呈現的完整性,故設計師會在版面上下足功夫。而這類網站結構和視差設計有異曲同工之處,所以我們發現很多網站會結合兩者,給觀者帶來不一樣的視覺感受和用戶體驗。

wndrmnt.com

ianjamescox.com/


6.無限滾動模式(瀑布流)

有一些網站內容很多,但他們並沒有簡單分頁,而是採用的是一種垂直瀑布流的方式佈局。將那些內容垂直排布,當用戶縱向滾動時,內容會不斷更新好像永無止境。

這樣的瀑布流很早之前就開始流行,最早採用該佈局的是pinterest。這樣的滾動頁面就大大減少了分頁的數量,個人認為對於這類信息量大,每日更新數據快的網站是比較不錯的方案。


7.網頁的風格化設計

現在的網頁早已不再像過去受諸多條件和技術限制了。其呈現方式頗為豐富。風格從清新到復古,插畫手繪到擬真設計,無奇不有。無論是版面版式,還是設計元素,用標新立異這個詞形容絕不為過。根據自己撇到的冰山一角,提一下對我感觸最深的變化:

(1)平面設計感的加強

網頁設計隨著設備和技術的革新,早已突破了過去單一框架的限制,變得更加靈活。所以就頁面風格更多地開始向平面設計靠近,許多頁面設計得極賦海報和雜誌的版式感。時尚而富有衝擊力。

vitalmar.com.br

(2)注重字體設計

近年來很多設計師將字體設計也融入了網頁設計中,並作為設計的一個重要元素提升整個網頁品味。通過使用CSS3設計師可以擁有許多自定義的字體,這給網頁的視覺設計也增加了一個重要的設計思路

sportandentertainment

thankfulregistry.com


通過觀察這些趨勢如何影響現代網站設計,或許可以為網頁設計師帶去指引,發散出新想法。雖然設計師和開發者都需要和市場接軌並跟上潮流的腳步,但是所謂的潮流是當下的,未來確是未知的。我們的確需要保證自己不被行業趨勢甩到隊尾,但更重要的是在浪潮中適應和學習。


歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

RWD網站設計

影響GOOGLE的搜尋排序

響應式網頁設計

以上是2015年2月26日,Google webmasters(谷歌網頁大師)部落格發佈的消息,消息中公布從2015年4月21號開始,在移動裝置搜索中,「網頁是否適合移動設備」會影響自然搜索排名。

什麼意思呢?人人一支智慧型手機,網頁使用者的習慣也已經改變,現在不管你做的網站是B2B或B2C,分析你自己網站就會發現主要流量來源,都是從手機而來,再來才是桌上型電腦、接著是平板電腦。

既然大家都使用手機來瀏覽你的網頁,Google認為,如果你的網頁到現在還不適合在行動裝置上瀏覽,意即在行動裝置上看起來非常怪異、瀏覽起來也不順暢,Google將在行動版的google搜尋引擎中讓你排名降低。

以下免費工具,可以檢測目前網站頁面是否適合在行動設備瀏覽:

1. 測試自己的網站適不適合行動裝置(行動裝置相容性測試): Mobile-Friendly

2. 分析網頁加載速度及相關建議:Pagespeed Insights

3. 如何使網站更適合在移動設備瀏覽:Guide to mobile-friendly sites

Questions or concerns

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

by:數位時代

網路時代,你不可不知的SEO!

如何讓使用者立刻看到你的網站呢?除了最基本的購買廣告之外,SEO(Search Engine Optimization搜尋引擎優化)也是一個極重要的工具。 做好SEO,便成了在眾聲喧嘩的網路時代中,一件相當重要的事情。

響應式網頁設計


什麼是SEO?!

SEO是製作能獲得搜尋引擎高評價的網站內容,只要輸入關鍵字就可以排名在前幾頁的技術跟方式,根據調查結果顯示,只要查詢結果在前10頁的,陌生訪客就有機會造訪貴公司的企業網站,若過了第10頁,造訪的機會可說是0,且大多數的訪客多半只造訪前3頁的網站!

響應式網頁設計


RWD+SEO=GOOGLE搜尋排名上升

以Google而言,必須符合使用者習慣、關聯性高…等才是最相關網頁。因此SEO的重點仍是與使用者習慣有關。在競爭熱門關鍵字的情況下,每個網站都一定會依照Google搜尋規則放置這些熱門關鍵字詞, 剩下的加分題,就是看你的網站是否能符合使用者習慣,特別是響應式網站(RWD網站)更是對SEO都是大大加分。

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

關鍵字行銷是甚麼

“關鍵字行銷”是一種透過創制與發佈有價值的內容,以達到吸引目標受眾、與其互動,最後驅使客人採取獲利行動的行銷技巧。

那麼,甚麼才是優質的、有價值的內容呢?內容行銷的優勢又有哪些?與廣告相比其成效如何?關於內容行銷又有哪些迷思?讓我們來一起看看這張資訊圖表總結的幾件事吧。

關鍵字行銷是甚麼

關鍵字行銷是一個創制和散播精準、優質內容給準客戶以影響購買決定和改善品牌忠誠度的過程。

一般企業品牌最常用的內容型式包括:

文章/部落格貼文-69%

圖片/資訊圖表-33%

社群媒體-84%

電子報-78%

影片-70%

音頻/播客(podcast)-26%

什麼才是好的內容

原創、獨特的

有趣、可分享的

精準、準確的

沒有錯別字或文體錯誤

深入、有見解的

有追蹤和監測的

內容的好處/優勢有哪些?

產生流量-多數(70%)的客戶寧願透過內容(而不是廣告)去瞭解一家公司;搜尋引擎也是靠內容賴以為生

增加在社群媒體上的互動-企業運用內容在Facebook(67%)和Twitter(53%)上觸及多數的客戶

即時的轉換結果-企業表示,在社群媒體上發佈內容能增加行銷效力,其中銷售增加63%;產生準客戶的成本下降80%

建立影響力和權威度-有趣的內容是人們在社群媒體上追隨品牌的3大原因之一 在Facebook上,每個用戶每月平均分享70份內容;每月上載2,000萬段影片

建立品牌擁護者

與廣告的比對

響應式網頁設計

響應式網頁設計

如何讓網友找到您?對於投資經營網站所需要的時間跟人力的成本,關鍵字廣告開啟了一個投資報酬率較高的管道。如果您的廣告要廣泛或精準的與這些網路使用者或消費族群進行接觸,Google關鍵字廣告服務就是能夠幫您達成目標的網路行銷利器。

響應式網頁設計

有效提升品牌知名度。

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

行動網站促使消費者改變購買方式

請先了解網站訪客輪廓再來談策略吧

分析進入網站的用戶,了解分析的重要性,獲取您必須要掌握的重要資訊,數據分析讓您更精準的推出適切的內容或策略

查看有多少女性進入你的網站、他們來自哪裡,以及他們的興趣。透過「艾爾森數位分析」,您就能瞭解網站上的新內容是否受歡迎,以及當天的宣傳活動是否替網站帶來人潮。

QR-Code

數據分析七大功能


週期(天/週/月)

可以根據指定日期範圍的綜合行為特徵找出適合做再行銷的使用者,不是籠統地列出使用者在一次工作階段中與網站的各項互動而已。

興趣(共鳴度類別、其他類別)

興趣是您將廣告觸角拓展到相關市場時 (共鳴度類別),以及將廣告火力集中在有可能閱讀您內容或購買您產品的使用者時 其他類別),可供參考的背景資訊。

客層(年齡層、性別)

瞭解目標對象在年齡和性別上的組成結構,您就能據此特製內容和廣告

地理區域(語系、位置)

您必須瞭解使用者看到各語言版本的廣告後是否有所回應,也應該瞭解除了這些目標對象以外,您還吸引到哪一種使用者。

行為(新訪客與回訪者)

您可以評估自家網站的吸引力,以及新使用者感受到多大的回訪號召力。此外,您還可查看新使用者與回訪者對收益的影響 (舉例來說,30% 的回訪者佔總交易次數的 45%)。

技術方面(瀏覽器和作業系統)

掌握使用者透過哪些技術接觸並使用您的網站,您就能調整目前的版本並規劃未來的做法。舉例來說,您應該確定網站在新版瀏覽器中能完全正常運作,也應該隨時掌握使用者從桌機瀏覽器轉往行動瀏覽器的趨勢,並據此規劃網站開發工作。

針對行動裝置(裝置)

由於行動裝置的普及率逐漸提高,因此只要瞭解客戶所用的裝置類型、與您內容互動時所用的輸入法以及瀏覽內容時所用的螢幕大小,您就能調整目前的版本,並規劃未來的開發工作。

QR-Code


相關應用

QR-Code購物

根據IPSOS市調公司調查報告顯示,台灣地區有37%的智慧型手機客戶,每月至少使用行動裝置購買實體商品一次, 也就表示以智慧型手機等行動裝置來購物的消費行為,已經逐漸成熟。目前像是高鐵公司已經利用App推出QR-Code車票來搭車 ,還有很多演唱會也改用類似的形式,讓智慧型手機的應用更廣泛。

QRcode本質就是要更方便QR-Code購物是為了方便客戶直接在網路上立即付款的機制,運用QR-Code的方便性,透過線上金流的付款機 制,達到立即購買的便利性可以勾起客戶的衝動購買慾望。另一方面可以有效縮短買賣雙方的交易流程,也能提高訂單成交率及客戶滿意度。

QR-Code

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

關鍵字操作

艾爾森數位關鍵字服務


Google廣告的涵蓋率已超過網路世界的80%! 除了搜尋關鍵字外,開店顧問Google廣告投放操作的範疇還包括了多媒體聯播網、Youtube、網站流量分析等等。 網路的開端就是搜尋,因此這絕對是您做網路行銷不可或缺的一環!


rwd

關鍵字與多媒體廣告操作


Google關鍵字與聯播網廣告、Google分析、Youtube影片廣告行銷、臉書粉絲團廣告…等等。 有效投放廣告,造就更強大的行銷力! 如何讓網友找到您?對於投資經營網站所需要的時間跟人力的成本,關鍵字廣告開啟了一個投資報酬率較高的管道。如果您的廣告要廣泛或精準的與這些網路使用者或消費族群進行接觸,Google關鍵字廣告服務就是能夠幫您達成目標的網路行銷利器 Google為台灣第一大廣告聯播網,合作網站超過20,000家,每日廣告曝光數超過1億以上,為全台最高單日流量,觸及率更高達97%以上。
廣告這件事,讓專業的來!

艾爾森數位為您做到

1.了解客戶需求,歸納分類熱門關鍵字

2.關鍵字與各種廣告版位評估與規劃

3.廣告上線

4.定期數據分析追蹤與關鍵字或廣告優化



Google marketing2014年份資料,將Google台灣地區聯播網觸及率數字統計如下:

GDN為台灣第一大廣告聯播網

聯播網站家數: 20,000家以上(全台最多聯播網的媒體)

每日廣告曝光數: 1億以上(全台最高單日流量)

觸及率: 高達 97% 以上


歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

認識QR-Code

請先了解網站訪客輪廓再來談策略吧

分析掃描QR-Code的用戶,讓行銷預算花在刀口上,了解分析的重要性,獲取您必須要掌握的重要資訊,數據行銷讓您更精準的推出適切的內容或策略

查看有多少女性掃描您的QR-Code、他們來自哪裡,以及他們的興趣。透過「艾爾森數位分析」,您就能瞭解QR-Code網站上的新內容是否受歡迎,以及當天的宣傳活動是否替網站帶來人潮。

QR-Code

QR-Code分析 七大功能


週期(天/週/月)

可以根據指定日期範圍的綜合行為特徵找出適合做再行銷的使用者,不是籠統地列出使用者在一次工作階段中與網站的各項互動而已。

興趣(共鳴度類別、其他類別)

興趣是您將廣告觸角拓展到相關市場時 (共鳴度類別),以及將廣告火力集中在有可能閱讀您內容或購買您產品的使用者時 其他類別),可供參考的背景資訊。

客層(年齡層、性別)

瞭解目標對象在年齡和性別上的組成結構,您就能據此特製內容和廣告

地理區域(語系、位置)

您必須瞭解使用者看到各語言版本的廣告後是否有所回應,也應該瞭解除了這些目標對象以外,您還吸引到哪一種使用者。

行為(新訪客與回訪者)

您可以評估自家網站的吸引力,以及新使用者感受到多大的回訪號召力。此外,您還可查看新使用者與回訪者對收益的影響 (舉例來說,30% 的回訪者佔總交易次數的 45%)。

技術方面(瀏覽器和作業系統)

掌握使用者透過哪些技術接觸並使用您的網站,您就能調整目前的版本並規劃未來的做法。舉例來說,您應該確定網站在新版瀏覽器中能完全正常運作,也應該隨時掌握使用者從桌機瀏覽器轉往行動瀏覽器的趨勢,並據此規劃網站開發工作。

針對行動裝置(裝置)

由於行動裝置的普及率逐漸提高,因此只要瞭解客戶所用的裝置類型、與您內容互動時所用的輸入法以及瀏覽內容時所用的螢幕大小,您就能調整目前的版本,並規劃未來的開發工作。

QR-Code


歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

響應式網頁設計(Responsive Web Design)

2014最新HTML5響應式技術

簡稱多螢網站,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局,可讓不同的瀏覽工具都可以正常瀏覽同一網站,提供更佳的視覺體驗,還能快速加入名片電話至手機、訂單系統、地圖導航、預約系統等至手機。

艾爾森數位微網站-手機體驗請掃描QR-Code​

響應式網頁設計


​​

導演詹維峰作品網頁-手機體驗請掃描QR-Code

響應式網頁設計


百人見證活動頁面-手機體驗請掃描QR-Code

響應式網頁設計


唐心饌抽獎活動頁面-手機體驗請掃描QR-Code

響應式網頁設計


為什麼要做 Responsive Web Design?

因為越來越多人要用手機、平板來瀏覽網頁

是的,Responsive Web Design 就是因為這樣而生的,為了要讓 手機、平板 的 User 有更好的體驗。

由於行動裝置簡單好上手,因此在此次調查中也發現在50歲以上的網友,行動上網率遠高於PC上網率。整體而言,行動上網率也與PC上網率呈現不相上下的持平狀態。通常透過手機上網的使用者最常從事的活動是網頁瀏覽或找資料(90.7%)、找地圖(78.5%)、參與社群網站或MSN(77.1%)、傳送照片或檔案(68.6%)、玩行動APP或網路遊戲(60.6%)等。

相較於使用PC上網的行為焦點多以影音、購物、線上遊戲等娛樂行為,使用手機上網的重點即在於找資訊!可隨時隨地蒐網頁、找地圖等等,因此擁有一個適合手機瀏覽的行動網站也成為趨勢之一。

「嶄新的多螢幕時代:瞭解跨平台消費者行為」研究中,我們發現 90% 的消費者會使用多種不同的裝置來達成目標,其中包括智慧型手機、個人電腦、平板電腦或電視。

這項研究還顯示,消費者會使用多種裝置來完成線上訂購機票或個人理財等事務。事實上,有 98% 的多螢幕使用者會在一天之中使用不同的裝置來完成一件事。

商家必須針對小型螢幕 (小於 7 吋) 調整網站。在大型平板電腦上,網站內容通常都能正常顯示及瀏覽,但智慧型手機呢?客戶能正常在所有裝置上與您的內容互動嗎?您是否確實根據客戶的背景和需求調整了網站瀏覽體驗,並且提供他們所需的內容?

我們希望為您的商家找出合適的策略,並解答有關實務和技術方面的重要問題。以下網頁提供了一些分析數據,讓您瞭解如何製作多裝置網站、選擇設定時應該注意哪些事項,以及如何避免犯下常見錯誤。

了解更多範例


延伸閱讀

閱讀舒服 不需放大縮小 整合您所有的網站資料


行動網站與響應式設計比一比:哪個是最適合您商家的解決方案?


從商業角度看多螢幕趨勢


歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

艾爾森數位有限公司

Credits

響應式網頁設計

關於

行動購物‧行動網站‧多螢網站‧網路行銷‧二維條碼分析

Internet Marketing ,Web mobile, QR-Code and HTML5 web design business and supporting design service

網址:http://qredc.com.tw/

響應式網頁設計

公司概覽

隨著行動裝置的普及企業漸漸的意識到官網不再只有pc的瀏覽者,網站建置 、網頁設計要能跳脫pc的思維,艾爾森數位專注在多螢世代的官網解決方案,提供最專業的網站設計與QR-Code相關應用。

Combining modern design, intuitive interface,Elson Digital Co.Ltd. a new visual and social sharing experience by putting picture and user experience quality center stage.

根據市場研究機構IDC預測,2014年全球智慧型手機出貨量將首次突破一年10億支大關,2017年智慧手機出貨量更成長到一年17億支,行動商機已成為企業不可忽視的市場,掌握行動商機就是掌握未來。

       

服務

網路開店顧問

響應式網頁設計

2014最新HTML5響應式技術!行動購物,網路商店 購物車+金流收款通通辦到好!商品完全免上架費!

       

多螢網站製作

響應式網頁設計

2014最新HTML5響應式技術 簡稱多螢網站,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局,可讓不同的瀏覽工具都可以正常瀏覽同一網站,提供更佳的視覺體驗,還能快速加入名片電話至手機、訂單系統、地圖導航、預約系統等至手機。

       

行動網站製作

響應式網頁設計

不同於多螢網站,不需更改原有網站,只需一個網址就會將網頁導向適合行動裝置的最佳瀏覽介面,導覽精簡使用快速,提供流暢的體驗。

       

QR-Code

響應式網頁設計

行動上網的時代QR-Code作為企業與顧客之間的一個快速橋梁,在掃描完QR-Code後,您會希望顧客的手機上面呈現出甚麼內容?是一個pc的官網,還是一個行動版網頁,又或者是同意fb帳號登入後直接成為您的會員?

我們能做得比你想像的多更多 請與我們連絡

   

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

艾爾森數位有限公司

創新行銷執行力研討會

響應式網頁設計

網路行銷百百款,哪一種才是最適合自己的?

每個品牌都需要獨有的創新行銷模式! 破壞舊有觀念,重建正確概念,加強你的行銷執行力!

響應式網頁設計

因為各種行銷工具正確的互相搭配,才能在你的品牌或商品上產生獨特且正向的化學反應。

響應式網頁設計

※行銷專案-你的商品就是我的商品,你的品牌就是我的品牌。我們敢說我們絕對是業界最用心!站在客戶立場,徹底瞭解你的需求,開啟網路行銷大門。

LINE正夯,你已經學會怎麼用它行銷了嗎?緊緊抓住會在品牌消費的忠實客戶,深耕關係,深度溝通了解客戶需求,真正020從這裡開始。 社群行銷不可不做,社群幾乎已是網路行為的最大宗,要造就品牌,絕對不可以放棄社群,但是身為一個小編你該不會還在轉貼好笑的圖文騙讚吧? 現代人打開手機最常用的APP之一就是臉書,但從手機或平板進入臉書要怎麼連貫到我們最在意的「購買行為」,你的購物介面適合行動購買嗎? 講座中將多螢及行動趨勢、線上金流串接整合、獨立行動購物車系統、網路行銷、社群行銷、廣告投放、影音行銷等做整合分類,整理你的行銷思路,加強你的行銷執行力。
(單場名額有限,盡快報名以免向隅)

立即報名

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

艾爾森數位有限公司

Google認證夥伴

響應式網頁設計

響應式網頁設計

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

艾爾森數位有限公司

合作關係

響應式網頁設計

特別感謝:

國家地理頻/道三菱汽車/中時集團/時藝多媒體/我家牛排行/政院農業委員會/家樂福/經濟部/吉園圃/順心優質車商聯盟/資訊工業策進會/瓜瓜園/教士會館/養生銀行/新勝發餅舖/守‧手做年輪蛋糕/果然工坊/哈比屋音樂盒/快搜台灣/香腸世家/登峯魚丸/良食究好/武俠傳媒/中華海洋生技/御皇米/廣善園藝/艾蔓精緻旅館/醍醐大師/雲峰茶莊

響應式網頁設計

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

介面簡潔、閱讀舒服 不需放大縮小 整合您所有的網站資料

隨著電腦和行動設備之間的界限越來越模糊,開發人員不得不讓網站和應用程式可以動態地適應各種不可預知的螢幕尺寸和螢幕解析度。

實踐方式

有三種常用方法可製作出適合多裝置使用者瀏覽的網頁,並根據使用者背景自訂內容。無論您採用哪一種方法,我們都希望您一開始就設定正確。重點是在所有的裝置上為使用者提供完美的體驗,並根據客戶背景滿足他們的需求。

響應式網頁設計

響應式網頁設計 (RWD) 可讓您打造出適合所有螢幕大小瀏覽的網站,而不需要製作多個網站。只要妥善運用靈活的範本、CSS 媒體查詢以及 JavaScript 事件,響應式網頁設計就能根據裝置的檢視區大小,自動調整圖片、範本版面配置和內容的顯示方式。您甚至可以利用全新的裝置功能,例如拖曳、滑動等可由觸控式裝置辨識的使用者動作。這些 CSS 和 JavaScript 技術全都可以加進一個 HTML 內容檔案中,並在所有的裝置上放送。

除了可讓行銷商將內容存放在同一個位置,響應式網頁設計還提供了多種好處。不同的內容有各自的網址,方便使用者與您的內容互動、與他人分享並建立連結。此外,使用者不需重新導向,就能看到裝置專用檢視畫面,進而縮短載入時間。不過,若要運用響應式網頁設計打造出真正精彩的瀏覽體驗,商家必須擬定裝置專用策略,並站在使用者的立場設計網頁內容。

使用同一個網址自動放送不同的 HTML

客戶瀏覽您的網站時,您的網頁伺服器可能會偵測出他們使用的裝置類型,然後在同一個網址上呈現自訂網頁 (HTML + CSS)。您可以為任何裝置 (手機、平板電腦、桌機甚至智慧型電視) 自訂網頁。若要偵測出使用者的裝置,並據此調整所要放送的內容,您必須針對各項裝置進行幾項自訂 (例如樣式表)。

提供行動專用網址

要根據裝置類型調整網站體驗,您也可以針對行動上網的使用者製作專用網站,與原有的桌機網站各自獨立運作。瀏覽器會自動偵測出訪客使用的是行動裝置,然後將他們重新導向到您的行動專用網站 (例如 mobile.nytimes.com)。有了行動專用網站,您就能為行動上網的使用者提供專屬的網站內容,不過這類網站通常必須獨立製作及管理。

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

兩者差別其實很容易分辨,但是哪個比較適合呢?這個問題連Google都探討過

隨著競爭對手紛紛擁抱行動潮流,為您的商家建立行動專用網站已經成了當務之急。光是這 2年來的行動搜尋流量就成長了 5 倍!既然有那麼多的人透過手機搜尋您的服務,您就必須用行動功能來吸引他們,讓顧客不論身在何處都能在小小的螢幕上完成各種操作。最近有許多商家找我們討論「響應式設計」這個在網站開發人員間竄起的趨勢,想瞭解自己適不適合採用。雖然我們認為建立行動專用網站可滿足某些商家的需求,但瞭解響應式設計在行動化方案中扮演的角色也很重要。

所謂的Responsive Web Design以下簡稱(響應式設計),其實就是一種網站設計技術,讓您製作出來的網站能配合瀏覽裝置 (不論是筆電、智慧型手機還是平板電腦),以最合適的方式呈現。用響應式設計建構出來的網站在不同裝置上會自動調整大小,但您可以讓行動使用者最重視的內容優先顯示。舉例來說,行動使用者需要的也許是一下子就查到您商家的電話號碼或路線,平板電腦使用者需要的則可能是輕鬆購物。因此,您可以讓採用響應式設計的網站優先顯示「點選通話」及「點開地圖」按鈕,平板電腦版本的網站則著重於簡化購物車。如果您有興趣多知道以響應式設計建構行動專用網站的技術細節,請參閱 Google 網站管理員小組的這篇網誌文章

你可以先看例子

在國外有一個網站專門蒐集各式各樣的Media Queries效果,你會看到每一列都有 4 張網站的截圖,從左開始是螢幕寬度較小的行動裝置,一直到右邊則是在傳統 PC 的較大螢幕上。而在傳統 PC 中,會將許多元素並排;在手機中,會變成只有一行。

響應式網頁設計

響應式網頁設計

那麼,您到底該建立行動專用網站,還是採用響應式設計呢? 您可以參考下面幾點,決定最適合您商家的方式:

響應式網頁設計

用響應式設計建構出的網站會有多個網址嗎?

不會。用響應式設計建構出的網站不論是供桌機、平板電腦還是手機使用,網址都一樣;建立行動專用網站時,則通常會另外產生一個行動網址。不過,只要您為桌機版網站加入自動重新導向程式碼,使用者就會自動連到行動網站。

用響應式設計建構行動網站的費用是多少?

這要看開發人員和代理商的收費,建議您詢問他們。

響應式設計肯定能將您所需的長期網站維護工作減到最少,但許多商家也能透過行動專用網站有效接觸客戶。如果您擁有相關技術資源和明確的業務需求,響應式設計是您製作行動專用網站時一種更進步的方式。不論您採取哪種方式,一定要記得把行動使用者的需求擺在第一,這樣才能在他們用手機搜尋您的商家時,有效招攬他們成為顧客。

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

從商業角度看多螢幕趨勢

從智慧型手機和平板電腦到筆電和電視,現今有 90% 的媒體互動都是在螢幕上發生的。多項研究顯示,消費者會在一天之中連續或同時使用不同的裝置。個人電腦是上班時間的主要上網工具,而平板電腦和智慧型手機則有不同的使用量尖峰時間;比如說,通勤時使用智慧型手機,晚間則使用平板電腦。商家如果能讓使用者隨時隨地在所有裝置上與其網站互動,人氣就能攀升。不過,該怎麼做呢?

瞭解現今的客戶如何與您的網站互動

建議您分析網站流量,瞭解客戶來自何處、在什麼時間造訪您的網站、瀏覽了哪些內容,特別是使用哪一種裝置。可靠的分析數據可讓您深入瞭解現狀,從中找出最需要調整的部分。

根據客戶需求調整您的價值主張

分析目前網站或許可以找出端倪。比如說,使用智慧型手機、桌機或平板電腦的訪客分別有什麼需求。您可能會發現,在行動專用網站上加強某些內容可提高轉換率,進而提高業績。您的目標是針對特定對象「調整」並重新安排內容,而不是移除部分內容以提供精簡版網站。要讓客戶留下好印象,關鍵就在於製作裝置專用內容時,永遠站在使用者的立場著想。

評估、分析並反覆測試

成功並非一蹴可幾。成功的網站站長一定會評估使用者行為,並據此調整內容,以提高網站對使用者的吸引力。這個原則也適用於多裝置網站。大部分成功經營多裝置網站的商家都會分析使用者在各種裝置上的互動方式,並持續改善網站成效。

響應式網頁設計

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

取得重要的分析數據

查看目前有多少人掃描您的網站、他們來自哪裡,以及在網站上查看哪些內容。透過「艾爾森數位」,您就能瞭解網站上的新內容是否受歡迎,以及當天的宣傳活動是否替網站帶來人潮。

響應式網頁設計

取得重要的分析數據

查看目前有多少人掃描您的網站、他們來自哪裡,以及在網站上查看哪些內容。透過「艾爾森數位」,您就能瞭解網站上的新內容是否受歡迎,以及當天的宣傳活動是否替網站帶來人潮。

響應式網頁設計

響應式網頁設計

最佳的瀏覽介面

如有官網使用者,只需一個網址就會將網頁導向適合瀏覽器的最佳介面。

您的QR碼掃描後的畫面適合手機瀏覽嗎?

QR碼如果只是單純的連接到PC官網,手機閱讀起來會非常吃力,讓使用者留下了不愉快的體驗。

APP與多螢微網的差異

由於智慧型手機的熱賣,國內廣告主及媒體一窩蜂的投入應用程式(application以下簡稱APP)開發,似乎不開發個人iphone APP就落伍了,問題是,APP的開發時間很長,費用高,還必須針對不同手機平台開發(Symbian、iOS、Android、Windows Phone、BlackBerry...),再加上APP審核上架時間無法掌握(1-3個月不等),很難跟上行銷部門快速的步調。

響應式網頁設計

立即體驗


歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back
Back

響應式網頁設計

【艾爾森先生線上互動!】

好友人數

響應式網頁設計

(手機用戶點擊圖片立即加好友)

LINE帳號上線囉,立刻加入成為艾爾森先生的好朋友! 您有想與我們分享的美好數位生活經驗嗎? 您對多螢微網、多螢網站、QR-code、網路行銷顧問、雲端或其他數位科技有需求或任何疑問都歡迎與我們聊聊。 給艾爾森先生一個為您服務的機會吧!

Back

Back

響應式網頁設計

【艾爾森線上互動!】

選一個顏色,COLOR你的大腦! 最高提供高達10,000元的行銷獎金,幫助你走出正確的行銷康莊大道!

響應式網頁設計

立即測驗拿獎金

(你是哪種行銷人?)

Back

Back

響應式網頁設計

網路開店顧問優惠價

讓您久等了…艾爾森先生一直在強調「行動購物時代已經來臨」,為幫助台灣各大中小企業商家,策劃許久,終於強勢推出行動購物車系統「Mobishop」品牌,五大必殺特點,讓您用超低廉成本甚至免費成功網路轉型!

六大特色:線上付款、行動購物車、fb線上購物、部落格購物、LINE購物車、QR碼購物

#連結網路開店顧問專頁

響應式網頁設計

通訊軟體

透過通訊軟體發送會員商品訊息,商品的曝光度大增/了解更多

響應式網頁設計

QR-Code

贈送1000張掃描貼紙,貼在商品上,增加回購率/了解更多

響應式網頁設計

臉書

讓你的臉書也能直接購物,並且線上付款,快速拉近你與客戶的距離/了解更多

響應式網頁設計

部落格

現在在部落格上看完商品介紹後也能直接訂購,並線上完成付款增加銷售的機會/了解更多

線上金流支付已為您完整串接刷卡、ATM、超商付款全制霸!

這就是您需要的 請與艾爾森聊聊

歡迎您聯繫我們:

tel:02-2797-8377

E-mail:rwd@qredc.com.tw

Back