[Article] Tini Food & Beverage template

1. Giới thiệu

Download Tini Food & Beverage template trên Figma community

Tini Food & Beverage (F&B) template là bộ template được build trên nền tảng Tini app, sử dụng Tini Design System.
Tini F&B template được xây dựng dựa trên việc nghiên cứu và tổng hợp một số trải nghiệm đặt đồ ăn/đồ uống trên thị trường. Template bao gồm 3 tính năng chính:

  • Giao đồ ăn (Delivery)
  • Đến lấy tại cửa hàng (Pickup)
  • Đặt chỗ trước (Reservation)

Với 3 tính năng chính trên thì template có những flow sau:

  • Tạo đơn hàng.
  • Quản lý đơn hàng.
  • Chọn địa chỉ giao hàng.
  • Chọn cửa hàng.
  • Đặt chỗ.
  • Tìm kiếm.
  • Xem thông tin cửa hàng.
  • Áp dụng mã khuyến mãi

1.1 Đối tượng sử dụng

Các bên thứ ba cần build F&B app bằng giải pháp Tini App.

1.2 Lí do sử dụng

Đồng bộ hóa trải nghiệm cho các Tini app

Tini F&B template được tổng hợp từ việc nghiên cứu các app đặt hàng khác trên thị trường. Tuy nhiên với tính chất nhỏ gọn và đơn giản của Tini App, chúng tôi đã cố gắng đơn giản hóa các tính năng, đồng thời giúp cho user có thể khám phá và đặt hàng một cách nhanh chóng cũng như quản lý đơn hàng một cách dễ dàng.

Tối ưu hóa tốc độ phát triển Tini app

Hệ thống Tini template nói chung và Tini F&B template nói riêng được xây dựng để các Tini app builders có thể tận dụng những component có sẵn của template và custom lại để phù hợp.



2. Các flow chính

Như đã nói, template gồm 3 tính năng chính, mỗi tính năng có những chi tiết khác nhau mặc dù user vẫn trải qua các bước như chọn địa chỉ, chọn cửa hàng, đặt hàng và quản lý đơn hàng.

Chú ý: F&B template đòi hỏi user phải có account Tiki.

2.1 Giao đồ ăn (Delivery)

Kiểm tra và chọn địa chỉ giao hàng

Vui lòng xem thêm chi tiết flow chọn địa chỉ ở mục 2.4 Những flow khác.

Tạo đơn hàng

Chú ý: Hiện tại, F&B template dùng tính năng Quick payment của Tiki.

Quản lý đơn hàng



2.2 Đến lấy tại cửa hàng (Pickup)

Kiểm tra và chọn cửa hàng đến lấy.

Vui lòng xem thêm chi tiết flow chọn cửa hàng ở mục 2.4 Những flow khác.

Tạo đơn hàng

Quản lý đơn hàng



2.3 Đặt chỗ (Reservation)



2.4 Những flow khác

Chọn địa chỉ giao hàng

Chọn cửa hàng

Tìm kiếm sản phẩm

Xem chi tiết cửa hàng

Áp dụng mã khuyến mãi



3. Những update mới sắp tới

Hiện tại F&B template đã được áp dụng cho Tini app KFC trên Tiki. Qua quá trình áp dụng vào KFC, chúng tôi thấy có những chỗ có thể cải thiện và phát triển hơn cho F&B template. Mọi người hãy chờ đón những cập nhật mới sắp tới nhé!



Thông tin liên quan

Design library

Standard flows

  • Tini Checkout flows: Figma

Template

4 Likes

Hóng Tini Beauty Template nữa ạ.

2 Likes