Web and App Design [Project semester III]

PROJECT SEM II HUNGHAU TEAM’S PRESENTATION

GIẢNG VIÊN LỤC ĐỨC THÀNH LỚP A1803A THÀNH VIÊN LÊ HỒNG QUÂN NGUYỄN THỊ HẬU ĐỖ THỦY TIÊN NGUYỄN HỮU HÙNG

Thiết kế Website và mobile app cho chuỗi nhà hàng

The Chick

The Chick là gì ?

B R A N D

• Chuỗi nhà hàng chuyên phục vụ các món gà theo phong cách Á Đông.

• Không gian nhà hàng được thiết kế hiện đại.

B R A N D

Hiện trạng

• Hiện nay các nhà hàng tại Việt Nam chưa thực sự đầu tư phát triển giao diện website thân thiện cho chuỗi cửa hàng và hệ thống của mình.

• Không khó để bắt gặp những trang web còn sơ sài về cả hình thức và nội dung đến từ các thương hiệu lớn.

Giแบฃi phรกp B R A N D

• Thiết kế một trang web bắt mắt, thu hút nhưng vẫn hết sức thân thiện với người dùng.

• Đồng thời phát triển một app dành riêng cho điện thoại với các tính năng tiện lợi phù hợp với thời kì bùng nổ smartphone hiện nay.

B R A N D

THIẾT KẾ LOGO • Logo lấy chú gà làm hình ảnh chính với biểu cảm tươi vui đem đến cảm giác dễ chịu, thoải mái cho thực khách.

• Tông màu được sử dụng chủ yếu là đỏ và vàng đem lại cảm giác ngon miệng và kích thích vị giác.

• Kết hợp hài hoà giữa hình ảnh và phần chữ giúp người xem nhanh chóng nhận biết thương hiệu.

MÀU SẮC

#E73B28

#FFC315

#FEE57D

#652310

C.00 M.87 Y.87 K.00 R.231 G.59 B.40

C.00 M.24 Y.98 K.00 R.255 G.195 B.21

C.02 M.08 Y.61 K.00 R.254 G.229 B.125

C.36 M.88 Y.94 K.54 R.101 G.35 B.16

B R A N D

THIẾT KẾ WEBSITE

TRANG CHỦ

S I T E M A P

GIỚI THIỆU

THỰC ĐƠN

ĐẶT BÀN

TIN TỨC

TÀI KHOẢN

KHAI VỊ

CHỌN CƠ SỞ

SỰ KIỆN

ĐĂNG NHẬP

SÚP

CHỌN THỜI GIAN

ƯU ĐÃI

ĐĂNG KÍ

MÓN CHÍNH

THÔNG TIN KHÁCH HÀNG

MẸO VẶT

THÔNG TIN CÁ NHÂN

NỘM, SALAD RAU CƠM XÔI GỌI THÊM

LẨU TRÁNG MIỆNG

ĐỒ UỐNG

LỊCH SỬ

TRANG CHỦ / Header Banner (Slogan) Giới thiệu ngắn Món ăn đặc trưng Cách thức hoạt động Tin nổi bật Nhận xét của người nổi tiếng Footer

NAVIGATION BAR / Thay đổi trạng thái khi cuộn (Trang chủ) Trạng thái quán (Đóng cửa/mở cửa) Hotline Nút Trang chủ (Logo) Nút Giới thiệu

Nút Thực đơn (Danh sách dropdown) Nút Đặt bàn Nút Tin tức

Nút Đăng nhập/ Đăng kí (Chưa đăng nhập) Nút Tài khoản (Danh sách dropdown)

ĐĂNG NHẬP ĐĂNG KÍ / (POP-UP) Nhập thông tin Nhớ mật khẩu Quên mật khẩu Đăng nhập bằng Facebook/Google Đăng ký bằng Facebook/Google

QUẢN LÍ TÀI KHOẢN / Header Thông tin cá nhân Lịch sử đặt bàn

GIỚI THIỆU / Header Banner (Tên trang) Bài viết giới thiệu Video Footer

THỰC ĐƠN / Header Banner (Tên nhóm món, danh sách nhóm món)

Món ăn và giá tiền Popup mở rộng từng món ăn Footer

TIN TỨC / Trang tổng hợp / Header Banner (Tên trang) Danh sách phân loại bài viết

Bài viết nổi bật Footer Trang bài viết / Header Banner (Tên trang) Bài viết

Bình luận Bài viết nổi bật Footer

ĐẶT BÀN / Header Chọn cơ sở Chọn ngày giờ Ghi chú Nhập thông tin khách hàng Thông báo xác nhận

THIẾT KẾ MOBILE APP

INTRO APP / ChickScore ChickNow ChickBooking

ĐĂNG NHẬP ĐĂNG KÍ / Đăng nhập /

Đăng nhập bằng Google/Facebook Đăng nhập bằng vân tay

Đăng kí Quên mật khẩu

TRANG CHỦ / User-bar Nút chức năng /

Tích điểm – Đặt bàn – Giao hàng

Ưu đãi dành cho người dùng Tin tức Navigation Bar /

Nút Trang chủ Nút Thực đơn Nút plus: Tích điểm – Đặt bàn – Giao hàng

BẢNG MỞ RỘNG / Thông tin tổng quan tài khoản Địa chỉ nhà hàng Liên hệ Đăng xuất

QUẢN LÍ TÀI KHOẢN / Thông tin chi tiết tài khoản / Họ tên Thông tin liên hệ Mức điểm Địa chỉ giao hàng

Đơn hàng Lịch sử Cài đặt /

Chỉnh sửa thông tin Đăng kí vân tay Thay đổi mật khẩu Chính sách thanh toán Đăng xuất Ngôn ngữ

THỰC ĐƠN / Danh sách món theo nhóm Ảnh món ăn, Tên món, Mô tả, Giá Tìm kiếm món

TÍCH ĐIỂM / Mã thành viên Đơn hàng thanh toán Đánh giá

ĐẶT BÀN / Chọn cơ sở Thông tin đặt chỗ Thông báo xác nhận

GIAO HÀNG / Chọn số lượng Xác nhận thông tin đơn hàng Chọn ngân hàng (nếu thanh toán thẻ)

Thank you !