Tientien

田田蔬果

Project description

TienTien Organic Food Delivery Service has dedicated to the online organic food delivery field for 3 years. This time, along with the new brand identity, Tientien began to roll out its latest website designed with mobile-first thinking which is developed with Nuxt.js - a relatively new lightweight framework to Tenten that we had never tried before- offering users a fast loading experience.

User Experience

使用者經驗

User Interface

使用者介面

Front End Development

前端開發

Back End Development

後端開發

Brand Identity

品牌識別

Brand Strategy

品牌策略

Brand/Product Positioning

品牌/產品定位

Brand Development

品牌發展

The Power of “O”

In the Chinese character "田" (pronounced tien) which represents farmers field, the shape of it consists of four square lands. Throughout the collaboration between individual farmers, Tientien is trying to build up a community of farmers who offer Organic varieties. Also encouraging customers to have an Open-minded e-commerce experience while shopping for Original Organic products, so that this can form a better consumption cycle. The congregations of Os not only symbolise each unit but also stand for the green circle of each healthy individual. In this way, we hope to create a society with positive influence to the environment where our children can enjoy their lives.

From Brand to Customers to Farmers

Following the visual system, we developed the UI system with the concept of "circle" also integrated mobile-first thinking into the UX experience design. To more appropriately address our main notion behind the design, is to attract a younger generation having interests in organic products. We classified the vegetables in more specific categories to fit experienced customers to find their need easily.

Here comes a new section of introducing organic farmers and their products. In this area, consumers can have a knowledge of how these key contributors practice natural-growing, the stories behind what they have purchased, hence engage them with the source of products.
We simplified checking out in between three steps without page changing. The avoiding of complicated register and signing in offers a pleasant experience to the user which is crucial in E-commerce designing.

A Better Way to Taste Goodness

This time, we used Vue.js as our front-end development project. This is a relatively new framework we've never tried before, which provides a more flexible and modular solution on a structure and developing a flow. Vue.js also helps to achieve with smooth page transition while browsing the website that gives a pleasant experience for users. Furthermore, we included Nuxt.js as a solution of SEO with server side rendering.

We are excited to introduce TienTien with a new appearance. The one thing that had never changed, is the core value of its concept - support organic farming - not only enhances the nutrients of soil but also creates a positive consuming society. And we believe, we are what we eat.

View the product
View all projects

Got a project in mind? Lets us know!

Contact us