• 07-10

    2015

    【RWD】快速響應的Web誕生

    在此節選自即將出版的新書拍攝, 前端架構:現代藍圖可擴展性和可持續設計系統,彌迦Godbolt詳細介紹這一新學科的歷史,並解釋為什麼它是在我們的行業接受這樣一個重要的角色。 與捲筒紙的進化來改變現代網絡隊的角色。我們從一小群通才站長去了一個團隊有才華的專家。由於這些專業的發展,成員成為他們更精通,網絡開始形成一套新的角色......或者學科。   這些誰制定戰略有關內容 很早就在網絡的發展有一個特定的個性似乎相信任何給定的頁面上的話,至少為設計,代碼,​​甚至是搜索引擎優化一樣重要。之前,他們走到一起,內容一直是一個問題,處理後。“只是扔了一些Lorem存有到設計,繼續前進”。客戶最終會與真正的,質量,激發內容填充它之前的網站開始...真的... ...永遠。 也就是說,這些愛好者們最終很聲樂,該網站是內容,而且它值得我們的時間和精力。它總是一場戰役,但偶爾他們被邀請到早期的規劃會議,有時他們進行了接觸,借給他們的專業知識上適當的SEO技術或開發一個一致的語音和語調為編輯策略。他們在進步,雖然戰鬥是困難和孤獨,結果是值得的。 因此去這些散兵游勇,直到災難性的一天,他們碰巧遇到另一個logophile,他們意識到,他們不是一個人在這場鬥爭!友誼的這種單一的火種迅速成長為新的連接大火。最終,這些字弟子的社會正在形成,他們繼續集中精力說服別人怎樣對待內容作為寶貴的財富,而不是負債。 十幾年過去了,對內容的鬥爭遠未結束。但是,即使多一個設計師被要求“只是做的東西了”的網頁副本,新的戰鬥口號可以聽到遠處。二○○八年十二月一十六日是克里斯蒂娜霍爾沃森站起來高頂上列表除了博客,並提出了橫幅的內容戰略的一天。她問我們所有的人“採取了火炬”,並開始“治療內容值得戰略規劃和有意義的投資重要的資產”。這些誰實踐內容策略是“學習吧。實踐它。推廣它“。他們要成為內容的戰略家。和這樣的,一門學科的誕生。 霍爾沃森女士的文章是不是第一個接近內容戰略的話題,但它所做的只是定義了心臟,靈魂和目的的內容戰略,內容戰略家。一夜之間,一大群網頁內容創作者意識到,他們有一個名字,一個紀律和集體呼叫。這些弟子將迎來博客,播客,和會議圍繞這個簡單的概念,即周轉時代“內容重要的。” 快速響應的Web誕生 大約在同一時間,在一個黑色的高領毛衣的男人站起身來在舞台上,完全毀了大家的哪些互聯網連接的設備是概念。這是第一次在網上的歷史,我們是真正被迫接受網站並不僅僅瀏覽在我們的辦事處的舒適1024×768像素的屏幕以及寬帶網絡的脂肪管住的房間。在iPhone的推出引領了網絡連接設備的新時代與眾多的屏幕分辨率,不同能力,波動的連接速度和不一致的輸入模式。作為開發人員,我們再也不能讓我們的用戶的假設和設備的,他們利用瀏覽我們的網站的屬性。 響應於該改組我們嘗試了許多不同的解決方案。我們試圖依靠捏和縮放,或者雙擊放大,離開我們的網站大多是原封不動,或者我們使用的用戶代理字符串檢測到任何移動設備重定向到一個剝離下來,移動友好的M-點的網站。無論是解決方案真正解決了這個問題。捏和縮放網站是很難以導航到完成購買,或註冊服務,並增加移動流量意味著增加收入損失。M-點的網站,要求開發團隊保持兩個獨立的網站,其用戶更友好的移動設備。 許多M-點網站陷入膠著,沒有為頻繁地更新他們的兄弟姐妹較大,或M-點現場的還原功能集強迫用戶切換到桌面設備做任何事情超過得到的指示或撥打電話。很明顯,做需要的東西。儘管一些人認為iPhone的風行一時,很快就相當明顯,Web的未來,這些小的,個人裡面的屏幕住。 在iPhone發布後三年,Web開發社區得到了移動解決方案,他們都在等待。在2010年5月25日阮經天新閱讀寫作了長篇文章的列表除了簡稱為“響應式網頁設計”。本文不描述了一些新的學科,或旗幟嚴陣以待開發商在收集,而不是“響應式網頁設計”或RWD描述的方法來創建網站的新品種,將用戶的設備和模具本身的大小作出回應該視口。他描述了這個過程,而不是像一些新的或新興的技術,而是已經存在的工具和技術的集合。 RWD比以下的組合而已: 流體網格 - 基於百分比寬度而不是固定的像素尺寸 靈活的影像 - 100%的寬度圖像填充容器他們把裡面,和Flex視口大小的變化 媒體查詢 - 能夠指定不同的樣式不同大小的視口,我們現在可以根據屏幕的大小,改變頁面佈局。 所有這些技術在瀏覽器年前馬科特先生的文章已經可用,但就像上的內容戰略的文章,響應式網頁設計能夠清楚地解釋這些工具如何能夠放在一起實現的結果,每個人都拼命了尋找。 我還記得讀這篇文章的第一次。在他的例子中使用的圖像讓我第一次接觸到響應式網頁設計很容易讓人聯想起。我記得幾乎拍打我的額頭,因為它沒有一個是火箭科學,但所產生的效果神奇。看完後不久,我建我的第一個網站使用這些技術......這是一個可怕的網站,但它的工作!從那天起,我沒有參與那沒有擁抱的響應式網頁設計的三大支柱的單一項目。在一個博客文章中我的職業生涯,我們的專業,我們的產業轉化幾乎在一夜之間。 前端結構的種子 我開始思考前端架構在2013年中期作為一個Drupal的前端開發者,我完全知道所感受到的內容戰略家的痛苦和挫折的概念。前端造型,或主題,一直是一個事後的想法。這是一層'漂亮'應用於默認的標記後設計師和後端開發人員已經完成了他們的工作。我們面臨的挑戰可能不會比在其中的人被帶到到項目以便更好為例。作為一個機構只見項目啟動的一部分,設計討論過,功能開發和...... 然後一個前端開發人員被拉到該項目適用於任何設計被扔在牆上的任何標記被扔在我們。 通過這一過程在經歷幾次我知道痛苦和無奈我要經驗,因為我試圖解構了一套移動和桌面的Photoshop文檔轉換為可應用於div湯是Drupal的吐出一個主題。說起關於造型網站導航我急切地交待的挑戰Rails的朋友“人們不只是改變Drupal的導航標記,”這是真的!一旦該標記設置,開發人員已經移動到另一個任務,修改的div和列表,和鏈接的組合的機會是所有,但一個夢想。這必然導致荒謬的CSS黑客做一個設計,從未想過要適應默認的導航標記,實際工作中的生產。 多年一前端開發價值測定其創建這些弗蘭肯斯坦設計模式的能力。“現在,如果我把3號div嵌套一個偽元素,並使用背景圖片從這個精靈......”是我們的作戰計劃的縮影,並坦言它吸。我們在做什麼,但修補漏洞在一個失敗的徵收,而我們唯一的希望是,該網站將得到捲走技術債務,我們離開了我們身後的樁前推出。 我當時就知道這個過程開發網站將無法持續為我們的項目的複雜性持續增長。而不是做的事情,我們一直在做他們的方式所以,我決定開始想像如何項目將有所不同,如果我們做前端開發,因為克里斯蒂娜會說,“值得戰略規劃和有意義的投資重要的資產” 。如果我們在像CSS框架,文檔工具的聲音,打造過程中,命名約定,甚至標記本身?我開始懷疑一個大型項目會看的,而不是周圍的其他方法是什麼樣,如果UX開發餵後台開發,? 這會產生一場革命?別人會拿起火炬一樣,並開始“學習它。實踐它。推廣它。“?但在此之前,我們可以在一個單一的旗幟反彈,重要的是要明白這面旗幟主張。什麼是我們的要求?我們將如何實現我們的目標?什麼,我們被稱為? 什麼是在一個名字 你瞧,我現在的老闆沒有一個角色做這種類型的工作,我開始研究其他類似職稱,希望能找到一個至少是相似的。經過一番挖掘我發現,高級開發人員之後的下一個角色是一個“軟件架構師。”閱讀職位描述使我的心臟跳了一拍!軟件架構師的角色是要來上一個項目很早就討論客戶的需求與問候的平台。被我們要去什麼技術堆棧使用?什麼是我們的內容類型?如何在內容創建,存儲和回顯到屏幕?我意識到,一個軟件架構師的角色是確保沒有被偶然有史以來創造的,而是由一個總體架構,而指導。它沒有多久,我到數據庫和Web服務器轉換為無禮的文件夾結構和構建系統,和前端架構師的稱號由此誕生。 現在,我有一個職位,我去修改職位描述想什麼這個角色會帶來的表,它會如何影響一個項目給予適當的機會。這些錘煉導致對前端架構,在我們的年度務虛公司,並提交到CSS開發的conf是被錄取了一個快速祛斑談話,逼我關注我的想法變成一個簡潔45分鐘演講。 “揚起一面旗幟,為前端架構”,給在新奧爾良一個擁擠的房間,是一個戰鬥口號誰已經是這場鬥爭的前線前端開發。我想讓他們知道,他們並不孤單,那還有其他人都來支持他們,支持他們。我也直接道出了項目經理和銷售團隊概述了正確設計前端的電源,它帶來的團隊和客戶的價值。我們要能夠做出對項目產生影響的唯一途徑是將帶來更早的過程中,這意味著客戶支付的時間,並經辦人願意來安排這些資源。 會談結束後,我聽到的故事誰終於明白開發商他們是誰的故事後,和中的作用,他們在他們的組織播放。許多人發現自己執行前端架構師的角色,但從來沒有採取這個稱號,還是有足夠的信心來索要權威地位應隨身攜帶。CSS開發CONF後的幾週看到很多人改變他們的Twitter生物的閱讀“前端架構師”。而我,作為其中的一個作出改變,並沒有因為回頭。不管我目前持有我的工作的稱號,我是一個前端架構師。 台北網頁設計,新竹網頁設計
  • 07-09

    2015

    【RWD】我的移動戰略重點應放在響應式設計?

    簡單的原則基礎RWD中提供最佳的視覺和互動體驗的用戶,不管設備。例如,一個負責任的網站,用戶可以輕鬆地查看和訪問內容在智能手機,平板電腦或PC。 底層技術依賴於第三代Web內容管理(WCM)系統,與模板,動態各種設備的不同的屏幕尺寸適應顯示器,鏈接和互動的點在管理內容塊一起。 RWD有利於多渠道發布和多渠道的互動-當一個環境跨越多種設備和業務環境。電子雜誌是一個很好的例子。出版商希望確保讀者可以訪問和查看移動設備和PC都相同的內容。的觀看體驗只是針對特定優化渠道。因此,這是一個全屏幕顯示網頁的導航水平鏈接到相關的內容可以自動轉換成垂直列表的一個小屏幕的智能手機。 然而,並不是所有的移動體驗比得上使用PC。移動用戶外出活動-經常從事各種活動,尋找在當下的內容片斷。他們正在吃零食的信息,而不是坐在下來了三道菜。其設備還產生數據,如當前的位置或攝像機圖像,從而可以有助於形成的經驗。 台北網頁設計,新竹網頁設計
  • 07-09

    2015

    【RWD】響應式網頁設計即將VR

    Oculus公司裂谷,谷歌紙板和三星的齒輪VR都試圖讓開發者興奮建設沉浸式虛擬現實(VR)的經驗。但隨著VR被捕獲我們的想像,開發商都留給懷疑是否這個新的世界將再次通過競爭和不兼容的平台為主,只是方式的移動和桌面計算已經這麼久。 一些開發商認為他們已經找到了解決這一問題。“記住老”一次編寫,到處運行“的承諾,”問谷歌員工和VR愛好者鮑里斯的SMU 本週一篇博客文章,並說:“網絡是最接近我們要履行它”而不是建立本地應用的只是在一個平台上,甚至只是一個單一的虛擬現實的耳機,開發人員可以在HTML中建立自己的虛擬現實體驗,並簡單地讓它們在瀏覽器中運行。 這個想法,俗稱WebVR,是由各種開發人員和組織倡導,有一個大的支持者是Mozilla瀏覽器。該瀏覽器廠商推出了自己的網站MozVR為基於網絡的虛擬現實體驗,去年,並加入VR支持夜間(預-α)構建的Firefox上個月。也有努力,使VR Chrome瀏覽器和谷歌推出了一個網站,突出VR Chrome瀏覽器實驗,當它推出了自己的DIY紙板VR觀眾的最後一年。 這正是通過的SMU發動他所說的這週做的想法“回應WebVR。”:使基於HTML的VR工作跨越耳機,甚至沒有任何耳機都沒有。他的靈感?響應式網頁設計,可以自動檢測用戶是否訪問一個網站的桌面或移動瀏覽器,並相應地優化體驗:然而,到目前為止,這些努力是不兼容的。“最新的VR浪潮才剛剛開始,並且已經在網絡世界的虛擬現實是支離破碎的,”寫的SMU,補充說:“典型的例子,vr.chromeexperiments.com不要Oculus公司工作,mozvr.com演示中不起作用。紙板“現在,開發人員可以等到谷歌,Mozilla的,Oculus公司和其他商定一個共同的標準-或者乾脆讓自己的跨平台的方式準備。 “RWD承諾的內容,其通過使用流體佈局,靈活的影像,比例網格自動適應您的觀看環境;現代網絡技術的雞尾酒。同樣,WebVR經驗需要,即使沒有工作,硬件虛擬現實。“   SMU的“WebVR樣板  開源項目,允許開發者創建基於HTML的虛擬現實體驗,既Oculus公司裂谷和谷歌紙板工作,以及沒有VR耳機可言,使用手機的陀螺儀,讓用戶傾斜顯示器探索世界。現在,它仍然需要開發者下載Chrome瀏覽器的一個特殊版本,但是開發人員應當通過跨平台能力的承諾感到鼓舞-和在一個普通的台式機或移動瀏覽器的工作,以及基於Web的體驗的可能性VR耳機是非常令人興奮 RWD 。 台北網頁設計,新竹網頁設計
  • 07-08

    2015

    【RWD】如何整合SEO元素,超越響應式設計

    由於移動搜索超過了台式機,今年早些時候,數字營銷專家一直把精力大量進入移動優化。 事實上,對於一個搜索“移動友好”或“響應式網頁設計”會產生數以千計的結果。雖然越來越多的企業正轉向響應式網頁設計(RWD),現在它已經創造了一個新的問題:過分集中於移動。 雖然響應式網頁設計可以成為一種有效的用戶體驗策略來吸引流量和點擊獲取多個設備上,它不是靈丹妙藥。 為了獲得真正的優勢超過你的競爭對手(誰也採用RWD),你需要利用所有的數字營銷工具,在您的處置。 響應式設計是不夠的   術語“應答”和“移動友好”基本上有相同的目標:讓他們的移動設備上的用戶視圖數據極少或根本沒有相比桌面遊客的問題。這意味著,沒有切割元素,圖像模糊,或尷尬的滾動和內容無縫流動,無論是在智能手機或平板電腦。 但是,這一切是。 它可以幫助轉換和移動搜索引擎,但它不會做,除非你實際執行SEO和轉換優化。 去移動單獨不會產生你的線索,使您的內容去病毒,或者增加你的利潤。類似於谷歌的200多個排名因素,在網絡上的成功取決於多種元素 - 抓實,其中有些是脫機。 金克勞斯伯格,創意Vision網絡諮詢公司總裁,在她的有關移動一篇文章中討論這個細節超出了谷歌的移動友好的要求。她指出,儘管網站可能已通過谷歌的移動友好的測試,它不是一個保證,他們的目標市場一定會喜歡他們所看到的。還有其他因素(如內容,鏈接,通用性,以及網站的速度)可能妨礙用戶快樂與您的網站。 品牌的例子 即使在商業大腕提交失誤不時。 即通過谷歌的移動友好測試出色的一個網站是混搭。 數字媒體網站肯定好看:他們的主要標題是死點,而在搜索領域,滑動菜單醒目地放在上面,方便的訪問,但還有改進的餘地。   頭條新聞應該更突出地顯示呼叫到行動給他們來自非鏈接文本分開。這將防止混淆,為用戶提供他們最好的消息更方便的導航。 BBC環球在另一方面,谷歌失敗的移動友好測試慘敗,但這似乎並沒有理會這個消息巨頭,因為他們有一個本地應用程序,讀者可以轉向快速更新。 這將是一個絕妙的主意 - 如果不是兩個缺陷。   首先,他們限制了他們的網站的內容,基於桌面的用戶。 其次,人誰不想要下載的應用程序-但更喜歡先瀏覽他們的網站上-可以通過體驗不佳關閉。   在線新聞網站是移動友好,他們提供了一個原生應用程序。用戶可以查看自己的移動網站的新聞或娛樂圈更新之間進行選擇,也可以切換到他們的經典網頁。 在另一方面,每日郵件應用程序,可以下載他們的網站上,在App Store上,以及在谷歌播放,並適用於像Kindle和黑莓設備,太。 這個教訓?不要依賴於移動友好,以提供最佳的用戶體驗,因為它是每個人不同。 檢查網頁SEO因素 對頁的因素,如關鍵字,永久鏈接,元數據,豐富的片段,和內容,幫助搜索引擎谷歌一樣容易抓取和索引的網頁。這反過來又可以產生積極的影響你的搜索排名,因為你的網站將被視為搜索引擎和用戶友好。 雖然你已經在使用的後輪驅動,確認您對網頁元素如預期的所有工作。 問了幾個重要的問題是: 什麼是我的關鍵字,並在那裡他們在內容? 是我的URL結構合理和易於理解的? 我在使用標題標籤標題和小標題? 是我的鏈接有關? 我是多樣的內容和有趣的(即文本,圖像,視頻和其他多媒體的組合)? 我使用alt標籤上的照片?他們是描述性的? 是否有相關的內部鏈接到我的網站上相關網頁? 難道我已經打破/缺少的環節? 有多快是我的網站速度? 不要猶豫,請專業的SEO顧問進行技術方面你不熟悉。請記住:一個不良網站的審核可能會傷害你的排名超過無所事事。確保你得到正確的建議從別人經驗和資格。 在工作​​內容 一個漂亮的網站是沒有任何內容。 那麼,什麼是“偉大的內容”?不幸的是,它是主觀的。 這是你的讀者誰將會決定它是否值得他們的時間與否。拇指遵循的一個很好的規則是知道你創造內容世衛組織,使他們希望看到的。 比賽內容與樣的人會是誰最感興趣。如果你的目標受眾是留在家裡的媽媽,創造約簡約家居小五金,食譜,和家庭的項目內容。如果你的主要市場是企業家,寫有關投資機會,省錢的竅門,或說明文章的平衡工作和生活。 做你的研究。 Buzzsumo是找出在Web內容走向一個偉大的工具; 而玩轉是一個整潔的資源在社交媒體上發現相關的主題。這會幫助你避開無利可圖主題。 避免老調重彈,你看同樣的東西網上。等級提升您的遊戲。給他們一些新的談資。從經驗寫。一旦完成,你的內容將完全配合您的RWD。 不要忘了被社會 假設你有固定的對網頁的問題和令人印象深刻的創建內容,是時候讓世界知道這一點。還有什麼地方你的市場響應的網站,但在社會化媒體? 在這方面,你需要了解何時何地發表文章。 例如:你剛才寫了關於本地搜索引擎優化的真棒一塊。這是漫長的,完整的配套圖像,你甚至包括重要的#標籤。此外,它也可在您的移動網站。怎麼辦?這裡有幾個建議:   轉換從文章的可操作的語句為圖像報價和分享在Twitter上,隨著文章鏈接。 分享您對選擇的Facebook和Google+組後獲得額外的參與。 選擇一個令人驚嘆的照片和PIN它在你的Pinterest的板。不要忘了添加說明! 把你的文章變成詼諧的GIF的集合,分享到QQ空間。 時機是關鍵,當涉及到內容營銷。隨著人們通常會檢查他們的工作之前,社會媒體的網頁,在休息和睡覺前,重要的是要知道你的時候觀眾會在網上這樣你就可以抓住他們的注意力。   您可以包括在您的網站的評論來自像Yelp和谷歌本地網站,以增加信任的信號。向消費者快樂的視頻回顧,分享在YouTube上。它們嵌入在您的網站或者乾脆用純文本堅持。 考慮網頁設計元素 你用最終會影響用戶如何將您的移動網站互動的編碼和網頁設計,越容易獲得他們所需要的信息,更好的體驗會。谷歌有一個列表的網站設計原則,幫助Web開發人員和設計師在這個舞台上取勝。 關鍵外賣包括: 放在顯眼的地方所有重要信息-將一個主要的CTA,圖像,以及令人信服的副本的前沿和中心,用戶集中他們的注意。 讓事情變得簡單-從報名表格中刪除不必要的字段,滑動菜單選擇最小化,只展示最優惠的價格,等等。當人們面臨太多的選擇,這是一個自然的本能,無法做出選擇的餘地。通過縮小選擇,用戶感覺更自信實際撿東西。 做出明智的利用空間-手機屏幕並不大如桌面-所以無論最大化的空間,你必須是必不可少的,以獲得您所需要的結果。例如:你的品牌標誌可能會增加一倍為紐帶,以幫助用戶返回到主頁。 清除和適當的標籤-含糊其辭往往能迷惑用戶; 導致跳出率。保持它通過正確標註鏈接簡單。 讓他們沒有瀏覽承諾-提供下載一個應用程序或登錄時使用的用戶頻繁的選擇-不過,不要讓它強制性的。有些人只是想瀏覽各地。讓他們更容易。 要注意的拋光時,後輪驅動對於其他三個東西都是插件,彈出窗口,和Flash。 如果你絕對必須安裝Adobe Flash Player的元素,貶謫到您的桌面,而不是在您的移動網站。選擇插件時,以及因為大多數的移動設備無法使它們很好地小心。這可能會導致下載延遲甚至崩潰。 同樣是真實的彈出式窗口。如果人們恨他們的桌面上,他們恨他們更多的移動。如果你有一個訂閱形式彈出,選擇將它作為一個CTA而不是在您的移動網站。 輔以離線廣告系列 為什麼是響應站與移動友好的網站? 一些品牌正在一步算一步進一步回應消費者的行為,即使之前已經作出決定。 蘋果應用程序存摺不只是這對星巴克卡的車主。一旦用戶在集成存摺的星巴克卡的信息,如果你是附近的一個咖啡館的應用程序會自動給出一個警告。 你有沒有注意到這幾秒鐘,當你想知道做什麼,在哪裡吃,或買什麼? 谷歌稱這些微時刻,並鼓勵企業利用它。類似於上面的場景中,你可能只是站在一個角落裡,當您的手機通知您有一個星巴克店在該地區的街道。這意味著它的時間沉醉! 根據一項研究,它需要我們不超過三分之一第二更來做出決定,但我們通常沒有意識到這一點,直到約7秒後。現在想像一下,一個用戶在該確切時刻鞭打他的電話,就像他不知道是否或不買一杯咖啡。 你的店只是一個街區之遙,他看到你的公司名稱在搜索結果。在打開您的移動網站,他認為有效的一個下午咖啡優惠券。 稱之為機會 -但在數字營銷的世界,一切就被稱為管理微瞬間轉成銷售經驗。 用戶高興能得到的折扣上他最喜歡的一杯咖啡,在同一時間,您的企業獲得銷售。這是一個雙贏的! 除了開發自己的應用程序,並提供優惠券,還可以轉診提供折扣,特價促銷代碼首次遊客到您的移動網站,以及季節性的產品和/或服務。 移動友好僅僅是個開始 響應式網頁設計的只是冰山的一角。來吧,請確保您的移動網站工作順利,無縫地在所有設備上。 但是,不要忘記檢查你的營銷活動的其他因素也同樣完美無瑕。 努力工作是在當今競爭激烈的行業至關重要的 - 但是,在我們關注​​所有這些努力同樣重要。停止尋找的小斑點,學會採取的大局觀。 台北網頁設計,新竹網頁設計
  • 07-08

    2015

    【RWD】屢獲殊榮的圖形設計公司推出響應網站設計

    加利福尼亞州舊金山,2015年7月7日(Marketwired通過COMTEX) - 舊金山灣區圖形和網頁設計公司設計Project6很高興地宣布推出一個新的網站,為孕產婦加州護理質量協作(CMQCC)。CMQCC致力於通過消除可預防的死亡,受傷和種族差異轉化產婦護理。CMQCC開發質量改進的工具,為臨床醫生使用,以及實施大規模質量改進項目,尋求最大的產婦景觀影響。RWD CMQCC想要一個更時尚的網站,很簡單的導航和容易對眼睛。Project6開始通過壓縮和組織他們的內容,展示了豐富的材料和資源可用。網頁進行了重組,以創造一個視覺層次,最高層次的類別之間的明確區分,如功能,特色工作,活動和新聞。為了進一步梳洗品牌的身份,同時保持其傳統的橙色調色板在一個充滿活力,現代風味CMQCC的標誌被提煉。RWD 採用分階段的方法,Project6能夠提高CMQCC的網上業務質量的全部,帶來一致性的品牌,設計和用戶體驗。通過選擇的Drupal平台,Project6能夠提供用戶友好的方式來管理內容。網站管理員現在可以設置用戶角色和分類資源提供方便。此外,自定義模板被設計為具有或不具有圖像顯示拋光,以允許靈活性,而無需視覺內容。遊客可以迅速找到所需的信息,沒有不必要的信息或網頁瀏覽通過。完全針對移動設備和跨瀏覽器兼容,新網站強調CMQCC的努力,並在地方和國家醫療保健社區的影響力。 台北網頁設計,新竹網頁設計
    1. 台北網頁設計,新竹網頁設計