about the project-2015/SENIOR UNDERGRAD
Goal: Responsible design and front-end development of the website about customer operator.
Support: Axure, Photoshop, HTML, CSS3, Javascript, jQuery, Bootstrap
Low-fi interactive design
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/a4cec300-17d0-4d36-8421-bd69e7412fb1_rw_1200.png?h=851cd366f80bf1502edb4e51db7175a3)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/df3e186e-fa16-426a-a7c0-531376ce9939_rw_1200.png?h=bb541e582b9f24f7428946958be74f23)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/e49b27a9-f4fc-4604-a972-819383b8a2e4_rw_1200.png?h=bd38bfb44ded423fe2aad5e44380bc46)
High-fi Visual Design
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/ed542fca-14aa-4921-927b-98eae267a715_rw_1200.png?h=d4c2dddb7efea3665c1b1a762ce48f42)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/af2c09fa-d2ce-4b1d-96c0-cb60d112cea6_rw_1920.png?h=540c9ad08a9b6ffc4f771f607771959d)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/6543ed9f-0c33-490a-bd6f-4994729fcd99_rw_1200.png?h=6ff03752242745cb2f7d1d335280bb35)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/89565e1b-3413-4a8c-802c-13a0791c7a35_rw_1200.png?h=c2a70f496a01972c8404c0ea1262b338)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/05c90a01-5561-4662-b2a7-ba26be70c7d5_rw_1200.png?h=272772b8828ffe13f3b6f5352450bc2c)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/0ae70f6d-e56a-445e-9c67-977e6e828f9f_rw_1200.png?h=12a5768cf29503d500dd295456466bb1)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/36bbf4a0-87af-4974-9d34-62ab575980a1_rw_600.png?h=2f43397bef6622ea3a3f124f8b37840d)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/74302037-cfa0-4305-9b1d-135e15a84ac8_rw_1200.png?h=40306a53556086fae35cee758e23b338)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/a27a6b46-a449-4962-9dd3-0181681ffff8_rw_1200.png?h=68a5febd5521ae280b35ecbf16df9d49)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/d7f27e2b-20c4-434e-8590-c570f05dc100_rw_1200.png?h=5ef46bdb6f4d0ce8c58bc1224b00f773)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/bf9905cd-34ca-4960-84ad-86ebb5c68b98_rw_1920.jpg?h=cc6fda944f2eebb8858906c87f90b9d0)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/72a0ed0f-bb85-4eb5-a6cd-cba7c3ad67db_rw_1920.jpg?h=bbda6ed20c28ea7ab2131359edc3fa97)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/efe5754d-6c51-4c61-99d2-a33b5e378d1e_rw_1920.jpg?h=747bff8b1e2b5cb8b66b3085d3052faf)
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/3f0d3050-14a8-4639-96a5-383813b548fe_rw_1920.jpg?h=b6afa3b582b675af42e8082a7e7ca079)
Heatmap
![](https://cdn.myportfolio.com/8868086dd7bfadfa7045826ab73b76b1/0cc2c769-87ee-41c0-ad43-6faa08a962e1_rw_1920.png?h=3f1c2359b61a99ade951d59add8a96ed)