專案經理-

幫您統籌所有資訊並進行工作排程


專案執行時間須視貴公司


『提供資料的速度』、『校稿的時間』、『修改的次數』等因素而定

伊特諾 網站及系統設計
PROCESS

網頁設計流程

伊特諾專案流程

簽約Signed

企劃Planning

保留貴公司的獨特,放大貴公司的特色,在這個階段會不斷密集接觸,伊特諾團隊將與貴公司一起探索和了解貴公司的需求與目標,針對需求提出最佳方案

資料準備Preparation

確認方案後,會請貴公司準備相對應的資料,提供給伊特諾的設計人員。貴公司『提供資料的速度』、『校稿的時間』、『修改的次數』等,會影響專案進度

初稿設計First Draft

伊特諾UX/UI綜合貴公司需求與目標和提供的資料量,進行整個網頁的視覺和使用者體驗的設計。在這個階段會提供網站的模型,並不斷進行修正與討論,直到完美解決需求。

網站製作The Build

伊特諾程式人員根據確認的視覺方案,進行網站的程式編碼,實現網站。貴公司的網站將能真正運行在電腦瀏覽器、手機等裝置上。

結案上線On-Line

最終成品經過測試後完美發布。當然,伊特諾團隊知道沒有最好只有更好,即便經過團隊的反覆討論,也有可能在日後想出更棒的點子。因此,伊特諾團隊提供完善的服務和支援,讓貴公司需求更完美解決。

 手機版網頁

手機版網站是保持原本的電腦版網站不變、另外做一個專門給手機用的小尺寸網站,網站程式會自動導入電腦版或手機版網頁

手機版網站必須用手機才能看出原本的樣貌,在電腦上就會「走鐘」。

沒有經過精心規劃的手機版網站,很常出現以下問題:

  • 自動導向導至錯誤頁面
  • 與電腦版網站視覺不同,品牌沒有一致性
  • 網址不相同、與電腦版動線不同,使用者不易尋找資料
  • 維護資料必須花兩倍人工

 套裝版網頁

頂尖駕馭網站的高手,引領你進入網路世界的成功捷徑專為中小企業的電子商務解決方案而產生,
靈活與彈性的超人性化介面操作,協助企業跨入網路世界的成功捷徑,整合全方位商品資訊管理,
幫助你將所有商品資訊迅速分門別類,清楚有效使用與行銷。
會員管理權限互動強、紅利積點機制累積會員忠誠度。

數據化的表單管理可自動統計分析,一手掌握商品資訊的市場動向。
從各類模組設定中加入自動上下架功能加強商品資訊的曝光,創造出多樣貌的企業形象網站﹑
商品與服務的交易、安全線上金流、物流機制管理,建購價格不再高不可攀,創造高獲利的網路資訊商城。

 什麼是RWD網頁?

響應式網頁如同字譯上面的意思一樣,網頁本身會隨著螢幕的大小去適應,並且產生相對應的改變,好讓不同螢幕大小的瀏覽者可以以最舒適的狀態瀏覽。

那些固定某些的螢幕尺寸的時代已經過去,目前來說光是手機螢幕尺寸就已經超過十種以上,如果加上平板電腦與桌上型螢幕與其它陸續推出的螢幕商品來看,要說目前螢幕尺寸可達到上百種也是不為過。 為了增加多螢幕尺寸瀏覽方便性,所以有了響應式網頁的概掉產生,舉例來說,建置一個網站,首先要決定網站的尺寸,絕大多數為1024x768螢幕尺寸,因為這個尺寸,還是符合大多數桌上型螢幕,不過現在攜帶裝置的興起,顛覆了網頁設計的製作方式,所以網站所要求的螢幕尺寸,以高達數百種之多,得以解決多螢幕的需求。

 您為什麼需要一個RWD網站?

RWD(Responsive Web Design 響應式網站)是因為移動裝置的使用率逐漸增加,所產生出來的網頁設計編排方式

RWD網站的優點

移動裝置皆可使用RWD

目前市面上各種品牌手機林立,加上平板與筆記型電腦使用率也是逐漸上升,商家各自推出自己的螢幕尺寸,導致目前螢幕尺寸已經無法統一規範,因此舊型網站製作方式已無法因應目前多螢幕尺寸的需求,因此使用液態排版方式的響應式RWD方式,可以讓網頁內容隨著螢幕大小,伸縮、變化,隱藏、移動,使用小螢幕的智慧型手機時,也會隨著顯示螢幕較小,而將主選單改變成下拉式隱藏方式使用,並且適度隱藏較不重要的內容,讓瀏覽時更輕鬆方便,也會特別凸顯手機撥號的圖示,讓瀏覽者直接點選圖示就可以撥手機給商家。

提升關鍵字搜尋排名

Google在自己官方文章已發表過,“如果您尚未建立適合透過行動裝置瀏覽的網站,我們極力推薦您這麼做”。 GOOGLE官網公布訊息 行動裝置相容性測試網址 此規範表示,GOOGLE極力推廣響應式方式製作網站,並且對以RWD方式製作的網站,關鍵字自然搜尋排序也有加分的。

給瀏覽者最好顯示效果

如果網站為RWD方式製作時,瀏覽網站的人不管是用任何螢幕尺寸來觀看您的網站,都是以最適合的方式顯示,包含桌上型電腦、筆記型電腦、平板電腦,與不同尺寸的手機螢幕,網站會以液態編排方式重新排版您的網站,顯示於螢幕上,並不會在小小的螢幕上顯示整個網站內容,讓瀏覽者無所適從。

不用再花一筆錢做手機版網站

在RWD響應式網頁,還沒出現以前都是以手機版為替代方案,必須透過程式判斷螢幕尺寸來轉向一般網站或是手機版網站,不過主網站與手機版網站是屬於不同網域,如果同時使用2個網站,勢必要花二倍時間與金錢管理維護二個網站,如果使用RWD響應式網站則可以避免這種困擾。

RWD網站的缺點

太複雜的內容不適合RWD網站如入口網站、大型購物平台、遊戲網站等...

RWD網站會隨著螢幕大小作液態編排適度變更,讓瀏覽者用更適合的圖文編排來瀏覽,如果複雜的全部內容都要與手機小螢幕顯示,勢必會出現非常長的網頁造成瀏覽者觀看網站的困擾。

無法完全支援舊版瀏覽器

RWD是使用目前最新的HTML5 + CSS3 的技術來編撰網頁,版本太老舊的瀏覽器並沒有完全支援這些技術,所以瀏覽起來會有破格或是無法點擊頁面的情況發生,不過隨著時間的進步,市場上舊版的瀏覽器勢必會慢慢消失,到全部取代成為新版。


 製作響應式網頁需要瞭解的事

目前大多數都是智慧型手機以及平板電腦的習慣使用者,並且年齡層與普及率是越來越多的,如果您的潛在客戶使用行動裝置進入您網站時,小小的螢幕只看見一堆小小的文字介紹以與圖片的網站,還必須使用手指把網站的內容拉大縮小來閱讀,有些是以FLASH動畫呈現的頁面,瀏覽器是完全看不到網站的,如果是瀏覽者遇到這樣子的狀況,不論網站內容是什麼,對網站還有信任感嗎?

RWD響應式的就是為了改善這個問題而產生的,RWD主要的功能就是讓您的網站,可以用最適當的比例與畫面來呈現在所有行動裝置上,讓瀏覽者可以輕鬆的瀏覽您的網站獲取他們想要的資訊與商品,並且停留更多的時間。

一個好的手機版網站提供了行動用戶極大的整體網站體驗。

2015年台灣手機銷售量約為850~855萬總銷售量,每日平均使用197分鐘使用智彗型手機搜尋,以達成其商務目的。

提供優質的行動體驗,並讓人快速瀏覽有關您的企業形象、服務介紹或產品說明,已成為一種必然趨勢。

建置手機版網站的一些基本好處包含

機會

手機版網站的存在,開闢了新的業務窗口和網路的機會。

兼容性

幾乎所有主要的智彗型手機都可以透過瀏覽器觀看手機版網站。

效率

手機版網站透過簡單易用的導航功能,大幅改善用戶體驗。

意識

好的手機版網站,可以從任何地方,供人簡易及方便地訪問貴公司提供的產品或服務。

在RWD網站崛起後,手機版網站仍有一定市場,適合使用手機版網站的客戶包括

網站資訊量很大,需要刪去不必要的元件才能便利閱讀的平台式網站,如Yahoo!奇摩。

適合點擊多次才能瀏覽所需資料、分類多層的大型資料網站,如MOMO購物網。

只針對手機用戶的活動網站。

電腦版、手機版網站的瀏覽重點、閱讀動線不同,需要針對手機用戶另外設計不同的網站瀏覽動線。

有9成以上的網站,像旅宿觀光、形象購物、企業型錄、學校系所機關的網站都不需要考量上述因素,他們遇到的問題是「沒有充沛的人力及預算」來同時建置及營運電腦版跟手機版兩個網站,因此對於大部份的網站來說,RWD響應式網站仍是首選。

基隆市義一路59號4樓 |  台北市 市民大道三段二號10樓 |  服務時間 : 周一至周五 9:00~18:00        Copyright © 伊特諾 All Rights Reserved.

基隆市義一路59號4樓 | 
台北市 市民大道三段二號10樓 | 
服務時間 : 周一至周五 9:00~18:00

Copyright © 伊特諾 All Rights Reserved.