![test](../static/image/work4/work4.png)
ITRI Library Web Revision
Overview
The revision of ITRI library website is a responsive web design. We reorganized the information structure of the website based on the website traffic analysis and user interview. We also added more new functions without changing the existing user experience. Redesigned the website style and visualized the library brand image.
RWD: mobile phone, tablet, computer can be used
RWD: mobile phone, tablet, computer can be used
Role
UI/UX Designer
Front-end Developer
Front-end Developer
Tool
Sketch, Zeplin, Marvel, Protopie, Html, Scss, Javascript
User Research
Website Traffic Analysis
![](../static/image/work4/Log tracking.png)
Functional Map & UI Flow
![](../static/image/work4/functional map&ui flow.png)
Wireframe
![](../static/image/work4/wireframe.png)
Satisfaction Degree Survey & SUS
![](../static/image/work4/survey.png)
Mockup
Homepage
![](../static/image/work4/mockup_homepage.png)
Homepage - popup
![](../static/image/work4/mockup_popup.png)
Newcomer
![](../static/image/work4/mockup_newbie.png)
News
![](../static/image/work4/mockup_news.png)
New Books
![](../static/image/work4/mockup_newbook.png)
Course
![](../static/image/work4/mockup_course.png)
Book Fair
![](../static/image/work4/mockup_book fair.png)
Design System
![](../static/image/work4/guideline.png)