This brand design was commissioned by Hotel de Trianon in Taitung to the company I used to work for. From their CIS, their signboard, the promotion material for their events to the visuals of their website, I was in charge with every aspect of the design, a rare opportunity to get when working for a company, which helped me improve my communication skills.
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/76a25ae8899424a0ba82f179_rw_600.gif?h=88f3beaf0d73b4b5a368cf478fd6c670)
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/22caf5410a93d221c3502748_rw_1200.png?h=b5689d710c0dfaacad82b4af4a0d5740)
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/faf85877b824bc588cee50d2_rw_1920.jpg?h=0b33f0611def6109d57f90f262b8f721)
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/1694a2168aa28a85cdf870e2_rw_1920.jpg?h=89f4b74e6bef8804074fa9466343b0d2)
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/0711159e94eca4d6c993fe49_rw_1920.jpg?h=f1415fa555cde3cea6c41a3f6a79961b)
Photo by Play Lee
And meanwhile, the website was developing.
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/35cd6a75207594915f5d4775_rw_1920.png?h=d04c09cacad42aa26cb1bbf88227346a)
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/1aa73c1820ecf45a16ae8819_rw_1920.png?h=4f98783f53353e22829527e99389b3a5)
The single-page design provides user-friendly browsing to the travelers.
I added elements of Taitung among the French streets sceneries, like the hot air balloons from the Taitung Hot Air Balloon Festival.
I added elements of Taitung among the French streets sceneries, like the hot air balloons from the Taitung Hot Air Balloon Festival.
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/4b16fa82dcc5d3d8238f2bb5_rw_600.gif?h=93f3181146bd06033ad30d4b395eb699)
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/4887f2e6a7733b578a401aea_rw_1920.jpg?h=a0a0720025096774fc9b98ed1bc7f5ac)
Because a single-page website could have been monotonous, we animated a few elements, like the flickering lights of the loft windows and the moving sign at the entrance of the website.
![](https://cdn.myportfolio.com/2b52a1a0c0ad013d7648c586008ae8ba/009c1dbea215467375d1b306_rw_1200.png?h=79fad70d138d5f8c0763a3a9e1d35e5e)
The traffic info map also includes icons for hotspots and recommended restaurants. Mousing over them makes their information appear.