The Eight Treasures Shop is the gift shop that resides inside the Vancouver Classical Chinese Garden. They sell one-of-a-kind items inspired by the Chinese aesthetic, and a lot of their products are by local artists in British Columbia. I had the pleasure of working with them to create website that showcases their unique products.
Vancouver Chinese Garden
Web Design, Branding
A one page website was created that has an overview of the different products that the Eight Treasure Shop carries. Each photo leads to a Pinterest page which has photos of each product as well as a description and price.
Since the Vancouver Chinese Garden is a non-profit, the Gift Shop had a limited budget for this venture. Before starting any design work, I conducted research for them and put together a report of yearly costs. I also talked to their accounting department to find out the implications of accepting payment online and how it would affect the company workflow. In the end, they decided to go for an online catalogue as opposed to a full e-commerce site to save on costs.
The biggest problem was that the Gift Shop lacked the manpower to keep the online shop constantly updated, as there is only a small number of staff. In addition, because this website is not part of the Garden’s main website, I was unable to install any type of content management system for the products. To resolve this issue, I decided to use Pinterest because it’s an easy interface to learn and it would be a social experience.
This is the previous version of the website. Because it was my first time using databases, I decided to start from scratch and learn PHP so that I could fully understand how it worked. I created my own database using PHPMyAdmin, and learned to incorporate my newly learned PHP knowledge with my HTML and CSS code. While it may not have been the smartest or most efficient way to create this website, I have to say that I learned a lot from doing so. Due to the problems noted above as well as finding the site a bit cluttered after a while, I redesigned the page to its current design.