Long Viet Card website redesign project

PROJECT

SEMESTER GROUP

2

TEACHER Luc Duc Thanh

MEMBERS Nguyen Ha Duyen

Nguyen Van Manh Hoang Trong Quan Nguyen Manh Hung

MỤC LỤC

01 04 06 11 13 16

GIỚI THIỆU CHUNG VỀ DOANH NGHIỆP

LOGO WEBSITE

MỤC TIÊU THIẾT KẾ WEBSITE

SITEMAP - CẤU TRÚC WEBSITE

WIREFRAME

USER INTERFACE - GIAO DIỆN NGƯỜI DÙNG

0

GIỚI THIỆU CHUNG

1

GIỚI THIỆU CHUNG | VỀ LONG VIỆT

CÔNG TY TNHH CÔNG NGHỆ LONG VIỆT hoạt động năng động trong lĩnh vực công nghệ thẻ, an ninh giám sát và dịch vụ truyền thông.

Với kinh nghiệm trong lĩnh vực thẻ, Long Việt đã triển khai thành công chương trình phát hành thẻ cho gần 1.000 khách hàng là các tổ chức, doanh nghiệp, nhà hàng, chuỗi siêu thị… Long Việt sẵn sàng tư vấn cho khách hàng những giải pháp phát hành thẻ không chỉ mang lại hiệu quả về giá trị gia tăng thương thiệu, tạo sự khác biệt trong việc chăm sóc khách hàng mà còn tiết kiệm chi phí tối đa nhất.

Long Việt cam kết bảo hành sản phẩm và luôn làm khách hàng thỏa mãn về chất lượng dịch vụ.

2

GIỚI THIỆU CHUNG | VỀ ĐỐI TƯỢNG KHÁCH HÀNG

11,1%

Các hộ gia đình

22,2%

Các doanh nghiệp vừa và nhỏ

66,7%

Các doanh nghiệp lớn

3

LOGO WEBSITE

4

LOGO WEBSITE

Màu sắc, hình dạng, hình ảnh của logo diễn tả được đặc trưng của công ty (sản phẩm thẻ) cùng chữ cái xuất phát từ tên của công ty.

Logo sử dụng font cứng nhắc nhưng được bo tròn ở các góc thể hiện đúng sứ mệnh công ty hướng tới trong dịch vụ chăm sóc khách hàng và sự tiết kiệm chi phí.

5

MỤC TIÊU THIẾT KẾ WEBSITE

6

MỤC TIÊU THIẾT KẾ WEBSITE

Vì công ty Long Việt cung cấp khá nhiều dịch vụ nên giao diện website cần gọn gàng, dễ nhìn, phân cấp thông tin tốt và tập trung vào thể hiện nội dung.

Những nội dung đưa lên website: - Thông tin về công ty (bao gồm tên công ty, địa chỉ và các thông tin liên hệ,...)

- Thông tin tuyển dụng - Mô tả chi tiết về tất cả các sản phẩm và dịch vụ - Các khách hàng đã và đang sử dụng dịch vụ của Long Việt

7

MỤC TIÊU THIẾT KẾ WEBSITE | FONT SỬ DỤNG

TYPEFACE Open Sans

FONT STYLE

TẠI SAO LẠI LÀ OPEN SANS?

Light Light Italic

Open Sans là typeface được Google, Adroid sử dụng, tối ưu

Regular

hóa cho sự dễ đọc cả trong in ấn, web, giao diện điện thoại

Regular Italic

và quảng cáo. Nó siêu nhẹ, trung tính, thân thiện, phù hợp

Semi-Bold

với tính cách thương hiệu của Long Việt.

Semi-Bold Italic Bold

Open Sans hỗ trợ tiếng Việt. Dùng font của Google dễ dàng

Bold Italic

cho coder khi thêm font mà ko cần cài font ảo.

8

MỤC TIÊU THIẾT KẾ WEBSITE | FONT SỬ DỤNG

Cách Google sử dụng Open Sans trong thiết kế giao diện.

9

MỤC TIÊU THIẾT KẾ WEBSITE | MÀU SẮC CHỦ ĐẠO

F47920 Màu sắc được pick từ logo thương hiệu gốc để website đồng bộ, đảm bảo tính nhất quán với nhận diện thương hiệu Long Việt.

C: 0%

R: 244

M: 65%

G: 121

Y: 100%

B: 32

K: 0%

F47920 C: 100%

R: 25

M: 90%

G: 41

Y: 40%

B: 81

K: 35%

10

SITEMAP CẤU TRÚC WEBSITE

11

SITEMAP

- CẤU TRÚC WEBSITE

TRANG CHỦ GIỚI THIỆU

TIN TỨC

TUYỂN DỤNG

LIÊN HỆ

SẢN PHẨM

DỊCH VỤ

GIẢI PHÁP

Về Công ty

Bài viết mới nhất

Tuyển nhân viên kinh doanh

Thiết bị vật tư

Thẻ nhựa

Tư vấn phát hành thẻ

Phát hành thẻ ngân hàng

Thiết kế thẻ

Quản lý bãi gửi xe

Về Long Việt Sứ mệnh, Tầm nhìn Thư viện ảnh

Hỗ trợ trực tuyến

Hotline Skype

Bài viết nổi bật Bài viết liên quan

Tuyển nhân viên bán hàng

ect...

Máy in thẻ Đầu ọc thẻ Vật tư

H.thống an ninh ASC Máy chấm công thẻ từ

Camera IP wifi Thiết bị cảm biến chống trộm

Thẻ VIP / Thẻ Member / Thẻ Kh.hàng Thẻ Hội viên / Thẻ quà tặng Thẻ ID / Thẻ sinh viên / Thẻ nhân viên Thẻ Gửi xe / Vé xe Thẻ chìa khoá khách sạn Thẻ y tế, Khám chữa bệnh Phôi thẻ nhựa

Cá thể hóa theo yêu cầu

Cho siêu thị & bán lẻ Cho du lịch Về g.thông vận tải Cho y tế Quản lý nhân viên

Các loại thẻ ặc biệt

12

WIREFRAME

13

WIREFRAME

| PC WIREFRAME

14

WIREFRAME

| MOBILE WIREFRAME (IPHONE 6)

15

USER INTERFACE GIAO DIỆN NGƯỜI DÙNG

16

USER INTERFACE

- GIAO DIỆN NGƯỜI DÙNG

HOMEPAGE HIỂN THỊ TRÊN CÁC THIẾT BỊ

17

USER INTERFACE

- GIAO DIỆN NGƯỜI DÙNG

WEBSITE HIỂN THỊ TRÊN IPHONE

6

18

USER INTERFACE

- GIAO DIỆN NGƯỜI DÙNG

HOMEPAGE HIỂN THỊ TRÊN MÀN HÌNH MACBOOK

19

USER INTERFACE

- GIAO DIỆN NGƯỜI DÙNG CONTACT PAGE HIỂN THỊ TRÊN MÀN HÌNH MACBOOK

20

USER INTERFACE

- GIAO DIỆN NGƯỜI DÙNG

HOMEPAGE ĐỒNG THỜI HIỂN THỊ TRÊN MÀN HÌNH MACBOOK VÀ IPHONE

6

21

THAT’S IT.

THANKS FOR YOUR WATCHING!

22