翻出團隊默契:翻轉B

『翻轉B』專案i-TRUE員工對於2017 UrCosme網站整體大改版的命名,
一個專案必定是由眾多成員的努力所集結而成,
其中最辛苦的,莫過於產品開發部的成員們,
然而如此大型的專案,是從何而起的呢?

所有的事情,都是由一份夢想簡報而起

image7

翻轉B,源自於執行長室Clare的腦袋,身為室長的她能看到公司實際運作上的面貌,所以能看到許多網站現存的問題以及各部門所面臨的窘境,因此而進一步思考網站未來走向,於是夢想般的網站改版企劃書就此誕生企圖將UrCosme網站從『美妝保養品使用心得網站』晉升為『美妝購物決策平台』,讓消費者欲購買美妝保養品時,第一個想到的就是UrCosme
目標如此明確,為何說它是夢想般的企劃?並非無法做到,而是它完全是個概念性的提案,對於負責執行的產品開發部來說,就是如夢一般的虛無縹緲啊!

夢想實踐者—Robert

「別人負責流血、流汗,我負責流口水。」Robert開玩笑地這麼說。因為在整個專案當中,身為專案管理者的他,只需要出一張嘴(?

(圖片來源:https://goo.gl/images/shZo5X)

事實上,沒有想像中的那麼簡單,他必須靠一張嘴帶領整個團隊跨越障礙、解決問題。而他第一個遇到的難關就是如何將Clare的企劃書再更詳細地規劃到執行面,經過半年的構思,他想出了解決方案tag system』,利用tag(標籤)將網站上的美妝保養品作多樣化的切點,使得內容更豐富、情報更細緻,為整個翻轉B的主要幹道。

第二個難關則是技術人員不足與前端介面設計人員缺乏而造成專案進度上的嚴重落後,但是山不轉路轉,路不轉人轉,因此Robert決定先放棄前端介面,而先將網站架構tag system的後台架設好,利用閒餘時間作其他支線專案,最終在天降工程師Annie與前端介面設計人員Tia的回鍋拯救下,讓專案上線。

創造者—Kevin

「完全無法想像,只能靠自己的想像硬著頭皮做。」這是Kevin一開始開發tag system時內心的苦。

defalt_main_300

(圖片來源:彎彎)

tag system後台的構築是一個問題,因為公司沒有人做過,網路上找不到參考範例,tag數量龐大,就連後台應該長什麼樣子,如何架設才方便讓資料建檔人員使用,如何才能讓前台與後台方便串接,這些在他腦中完!全!沒!畫!面!

雖然是硬著頭皮做,但tag system後台架構的雛型還是在KevinRobert和建檔人員針對需求面的互相激盪、互相討論下,誕生出來了!Kevin在翻轉B的工作就此告一段落。

靈魂人物 — Shane

「我站在巨人Kevin的肩膀上,完成專案。」

(圖片來源:https://goo.gl/images/Dso4nz)

Shane的工作就是基於Kevin的雛型上去作優化並協助前端介面設計人員Tia架設網站介面。為了讓整體結構更有彈性,兩層tag架構由Shane而起,將tag分區分為前台所顯示的營運用tag以及後台建檔所需的後台tag,如此一來可以讓後台資料更完善但是卻不影響網站所顯示的內容。

網站介面方面,他不單單只是聽令行事而已,適時地提出自己的意見並且參與設計,使得網站整體的畫面更具設計感!自稱冗員的Shane,卻是整個專案的Key man

資料審判者大君(艾思徐若瑄)

judge-gavel-1461965939b8a

(圖片來源:https://goo.gl/images/qCiB43)

「這完全是考驗眼力的時候!因為每天都要處理一堆產品效果!」判定「滋潤」與「保濕」是否為同義詞;「粉紅色」與「桃紅色」是否屬於同個色系,大君的工作就是審閱這些資料。除了要將10000多筆由網友所創建出來的產品效果濃縮至200多筆,並且重新調整站上屬性的分類,還必須找出具吸引力的tag名稱;此外,還必須應付KevinShane所開發出來的整人後台!開玩笑地,因為龐大的資料量不只在後台的建構上產生困擾,如何將資料整理匯入後台,不論是對於程式開發人員KevinShane,或者是資料建檔人員大君來說,都是一件非常困擾的事情。而改版後,建一個產品的時間甚至從30秒增加至3-5分鐘,但為了網站資料的完整性,這些都是必然的過程!

網站介面拯救者—Tia

(圖片來源:https://goo.gl/images/2frr1k)

「還沒改版前,一打開網站就知道必須要作改變了!」直到Tia回到艾思,才拯救了整個專案,前台也才開始動工,沒有新人蜜月期,一上工馬上就要面對網站整體大改版,看著空白的前台設計、空白的前台企劃內容與緊迫的時程,她也只能邊走邊看了。如何將UrCosme龐大的資料庫內容以親民的方式呈現給使用者是她的功課,從字體的大小、句子的長短布局都是網站介面設計者必須考量到的地方,除了設計,還必須要戰勝自己內心的掙扎!因為設計者通常有追求完美的心態,會不小心在既定的事項外多做了其他工作,但在緊迫的時程下,對於不完美的設計也只能暫時睜一隻眼,閉一隻眼了。最後網站在TiaShane的合作下,呈現與舊版截然不同的感覺,光是色調就讓人心廣神怡!

『團隊默契』是翻轉B的關鍵!

image2

負責執行專案的成員之間認不認同專案所能帶來的意義、相不相信專案會成功,都是一個專案動力的核心,也是團隊默契的來源。在翻轉B上線前一週,整個專案並不是已經完全ready並且測試中的狀態,而是整個技術部的成員都處於全面開發作最後衝刺的狀態,但這卻不影響整個技術部的成員們上下班時間,就算是假日也無須到公司加班,為什麼?因為他們已經培養出高團隊合作默契!待開發的事項一行行的被增加在to do list上面,但成員都會自動認領屬於他們領域的待做事項,無歸屬的只需要一個眼神,就知道誰該負責,讓最後一週的to do list一行行快速地被蓋上「done」的字眼,呈現高效率狀態!套一句Robert的話:「一起合作的人對了,專案就不怕失敗!」

儘管翻轉B截至目前的成效沒有大幅地增加流量或者是提高自然搜尋入站數,但翻轉B仍然持續的改版當中,尚有許多細節未調整,其發展指日可待,而手機版網頁與tag的應用則是未來的重點,我們正在前往購物決策平台的道路上!image1

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s