QSAN

BACKGROUND

Overview

QSAN(廣盛）是一家存儲技術設計和製造商, 成立于2004年至今，已成功在各國賣出產品。即使如此，QSAN還是不斷得精進自家產品，甚至在去年獲得紅點設計等大獎。然而經過許多年後，各國的使用者、廠商向我們反應官網操作上的問題，特別是整體網頁外觀枯乏，內容文字太多、多國語言複雜且不完整性等問題，所以決定大改版官網。於此在QSAN任職期間，其中一職便是負責官網的特色專題的網頁設計與編寫、產品頁中英編輯，另一方面也是行銷設計，主要負責各國業務設計需求，粉專頁小編。

My Role

Web design, Marketing , Graphic Design

Tools

Adobe XD, Visual Studio Code, Zeplin, Adobe Illustrator & Adobe Photoshop

CHALLENGE

在進這家公司前，對於coding的了解幾乎是0。新進後不久遇到一次部門合併，才開始正式接觸網頁這塊，從最初在編輯修改網頁內容中了解coding的基礎，到主管發布一個個的專題網頁讓我負責，讓我可以跟隨新網站的進度。RWD的編寫更是考驗對於網頁規格的了解。專業的儲存技術免不了文字過多的問題，在現代內容膨脹的時代，使用者更傾向簡易明瞭、重點式的呈現，所以在更新版網頁中，大量採取圖文、icon式的呈現法。數據類的更盡可能以圖或短片呈現。

UI to Web Implement

用Sketch設計wireframe，再以公司設計規格編輯。

改版官網是其中首要的任務，藉由資深設計師的一些指導，很快便開始從製作wireframe再編寫網頁儘快趕上進度。一開始對於跨頁的網頁編寫不知所措，多虧有資深同事和工程師的指導，對網頁的知識一點一點的了解。

RESULT

Icon Design

加強了除了圖片圖表外，更讓人簡易迅速了解的是icon，同時也很好製作成gif，讓讀者不會因太過度文字而跳出頁面。

Landing page

以下是在工作期間負責的landing page。

MARKETING

Banner Design

行銷上除了是小編，也負責設計各social media的banner和文章圖。