![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/b8fa67ab-7c67-4f77-8b08-d620cb3ed621_rwc_127x211x1080x809x1080.png?h=6a340166fab920e683a16d53c543b523)
the abc's of Helvetica
Responsive Web Design Project with Typography, Visual Design.
Helvetica | Neue Haas Grotesk is a widely used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinger with input from Eduard Hoffmann.
Typography, HTML/CSS, JavaScript, RWD
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/5a9da943-e200-4992-81f4-4ae2ecfb759a_rwc_359x0x2044x1532x2044.png?h=8a8474bd5dd1f5e2c5e051c77c970779)
Interactive Piano
Vue.js Project – AJAX imports external data and Vue.js manages/edits data in real-time.
Interaction Design, JavaScript, HTML&CSS
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/c665fb79-edac-4071-9674-58c6d99624d2_rwc_391x42x1123x841x1123.png?h=29883c2d89288259b31b9996902d85aa)
Interactive iPhones Demo
HTML/CSS & JavaScript(jQuery) Project - by using jQuery to toggle/change CSS classes
Interaction Design, JavaScript, HTML&CSS
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/275a6417-d737-4df9-86ba-e00154684b2f_rwc_349x59x987x739x987.png?h=7dbc90dee4c2c001184a4e17323cd090)
Interactive Name Card
HTML&CSS Project— Interactive Name Card Design
Interaction Design, HTML&CSS
E-Collective Concert
ATEC Team's Creation to Add Interactive Harmony to Jazz Artist's Show.
Photography & Projection Mapping
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/dd790131-8a29-4a87-981f-baa9e9185018_rwc_312x0x1909x1432x1909.png?h=afe789732ec3549f647cb6d7eb5e579d)
ArtSciLab
The ArtSciLab is a transdisciplinary research lab carrying out national and international collaborations of work that focuses on the hybridization of art and science.
Graphic Design & Research
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/715dfe0c-3605-4edb-ad95-1502c39a6cfb_rwc_78x0x2279x1708x2279.png?h=d972f589f26a272c9b639c20aa07bf66)
de stijl alphabet
De Stijl, Dutch for "The Style", also known as Neoplasticism, was a Dutch art movement founded in 1917.
Graphic Design, Typography
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/a9fc61f1-a5fb-4153-a3f3-9c704254b0c9_car_4x3.jpg?h=8492dc24f8581245ba5bf84061c46dde)
CDASH Logo Design
CDASH – Curriculum Development in the Arts, Sciences, and Humanities. A gateway to helping universitiesopen their own artscience centers.
Graphic Design & Research
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/ca2ab3f7-93fa-42c1-8327-d8d7e38720a3_car_4x3.png?h=f411d89d78e068a84647fd9a8073c960)
BHP Redesign
Bureau of Health Promotions (BHP), is a government department in my country Taiwan. However, BHP’s logo is included in the list of “15 Inadvertently Lewd Company Logos”.
User Experience & Research
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/ff31f297-8d89-47e5-93ac-352ae55f3e90_rwc_13x0x2354x1766x2354.png?h=5eb8984b6f7872a7e87478ee0e27c678)
Logo Analysis
Use design principles to review and analyze the pros and cons of Carrefour logo.
Graphic Design & Research
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/70a975ae-5fd7-4c63-8292-8c4f5789dcca_rwc_848x317x757x568x757.png?h=e7192730dd4ab44bd9aa7decfaf208c6)
Gut Feeling Logo Design
Those butterflies in your stomach, where do they come from? When you make the decision to pick your life partner, why you so sure?
Graphic Design & Research
![](https://cdn.myportfolio.com/6f1d22ebe7e1e4b110d88978ec254e43/f97bb0c0-8ac2-47f0-90f2-c723166c3b6f_rwc_235x117x1862x1397x1862.jpg?h=84706e5fb51a643d14a0d970770756cd)
Design Principles
Survey over 100 design principles applicable to nearly every design profession.
Graphic Design & Research