THE N. XUANTOAN & N. CHAUSANG 2019 REPORT
E C O M M E R C E A P P L I C AT I O N
I N S T R U C T O R P. N H AT T R U N G
(1) RESEARCH
_ 02
(2) LOGO
_ 04
(3) APP
_ 31
(4) WORKFLOW
_ 36
(5) WIREFRAME
_ 37
(6) STYLEGUIDE
_ 43
02 [ DO KKAEBI ] [ 1R e s e a rc h ] _ [ 0 1 ] l í d o c h ọ n đ ề t à i
_ Tạo một môi trường tập trung về sản phảm văn hoá Hàn Quốc so với các trang thương mại điện tử khác. _ Sự bùng nổ về nhu cầu sở hữu sản phẩm Hàn Quốc khiến rủi ro khi mua/bán sản phảm ngày càng cao. _ Tiên phong trong lĩnh vực middleman hàng hoá ở Việt Nam.
03 [ DO KKAEBI ] [ 1Re s e a rc h ] _ [ 0 2 ] d ữ l i ệ u n g h i ê n c ứ u
BẠN ĐANG Ở ĐỘ TUỔI NÀO?
BẠN CÓ QUAN TÂM ĐẾN HÀN QUỐC?
64%: 18 - 25
93%: CÓ
36%: <18
7%: KHÔNG
BẠN ĐÃ MUA/BÁN HÀNG ONLINE?
BẠN ĐÃ MUA/BÁN SẢN PHẨM VỀ HÀN QUỐC?
92%: CÓ
78%: CÓ
8%: KHÔNG
22%: KHÔNG
BẠN ĐÃ TỪNG GẶP RỦI RO KHI MUA HÀNG ONLINE?
C Ó H AY K H Ô N G N Ê N X U Ấ T H I Ệ N N Ề N T Ả N G MUA BÁN TRAO ĐỔI SẢN PHẨM HÀN QUỐC?
55%: CÓ
81%: CÓ
45%: KHÔNG
19%: KHÔNG
Bảng khảo sát 100 người về việc mua bán sản phâm văn hoá Hàn Quốc qua mạng
04 [ DO KKAEBI ] [ 2 L o g o ] _ [ 0 1 ] t h à n h p h ầ n l o g o
[LOGO01]
[LOGO01] bao gồm 2 thành phần chính: (1) Biểu tượng (Icon): được cách diệu từ hình ảnh con yêu tinh (2) Phần tên thương hiệu (Brandname): DKB (viết tắt của DOKKAEBI)
[LOGO02]
[LOGO02] bao gồm 2 thành phần chính:
(1) Biểu tượng (Icon): chữ “K” và chữ “E” được viết đảo ngữ (Reflect Vertical)
(2) Phần nền hình chữ nhật có màu tương phản so với phần chữ (Black & White)
Thương hiệu DOKKAEBI cam kết đem trải nghiệm một môi trường mua bán, trao đổi lành mạnh và tiện lợi cho người dùng với giá cả hợp lý.
[LOGO01]
Biểu tượng [DOKKAEBI] [LOGO01] được tạo hình từ sự kết hợp của biểu tượng yêu tinh là một trong những linh vật của Đại Hàn Dân Quốc và chữ ký tự DKB
(viết tắt của DOKKAEBI). Biểu tượng yêu tinh đại diện cho tinh nghịch, trẻ trung
của giới trẻ trông vừa đáng sợ và đặc biệt sinh vật này thích nghịch ngợm và trêu chọc người xấu nhưng lại ban phước lành và thịnh vượng cho người tốt. Biểu
tượng của DOKKAEBI truyền đạt cụ thể, chính xác thông điệp từ ban lãnh đạo đến người tiêu dùng Việt - Hàn nói riêng và người đam mê văn hoá Hàn Quốc trên thế giới nói chung.
07 [ DO KKAEBI ] [ 2 L o g o ] _ [ 0 2 ] ý n g h ĩ a l o g o
[LOGO02]
Biểu tượng [DOKKAEBI] [LOGO02] được tạo hình từ sự kết hợp của hình chữ nhật và chữ ký tự DOKKAEBI theo typeface Helvetica với chữ “K” và “E” được viết
ngược. Biểu tượng hình chữ nhật (4:3) với bốn gốc vuông đại diện cho sự hoàn hảo mà chúng tôi hướng tới, với một vẻ ngoài vừa khoẻ khoắn vừa sang trọng. Biểu
tượng chữ ký tự DOKKAEBI với những nét cứng, không quá dày hay quá mỏng tạo sự cân bằng thoải mái dễ chịu cho người dùng, chữ cái được viết ngược thể
hiện theo hơi hướng trẻ cùng làn sóng Hallyu, mang ảnh hướng tới giới trẻ nói chung và Đại Hàn Dân Quốc nói riêng.
If you need something, DOKKAEBI.
10 [ DO KKAE B I ] [ 2 L o g o ] _ [ 0 3 ] t ỉ l ệ l o g o
[LOGO01] 9x
9x
x
Biểu tượng yêu tinh của DOKKAEBI được tạo hình chính xác bằng đường thẳng và đường tròn theo tỉ lệ chính xác như hình mô tả bên trên.
11 [ DO KKAE B I ] [ 2 L o g o ] _ [ 0 3 ] t ỉ l ệ l o g o
[LOGO02] 21x
2x
[ LO G O 02]
25x
Biểu tượng yêu tinh của DOKKAEBI được tạo hình chính xác bằng đường thẳng và đường tròn theo tỉ lệ chính xác như hình mô tả bên trên.
[LOGO01]
12 [ DO KKAEBI ] [ 2L o g o ] _ [ 0 4 ] k h o ả n g c á c h a n t o à n
Khoảng cách an toàn của logo DOKKAEBI là khoảng cách tối thiểu được quy định giữa logo DOKKAEBI và các thành phần đồ hoạ / logo thương hiệu khác nhằm đảm bảo sự thể hiện tốt nhất cho logo DOKKAEBI.
[LOGO02]
14 [ DO KKAEBI ] [ 2L o g o ] _ [ 0 4 ] k h o ả n g c á c h a n t o à n
Khoảng cách an toàn của logo DOKKAEBI là khoảng cách tối thiểu được quy định giữa logo DOKKAEBI và các thành phần đồ hoạ / logo thương hiệu khác nhằm đảm bảo sự thể hiện tốt nhất cho logo DOKKAEBI.
15 [ DO KKAEBI ] [ 2Log o ] _ [ 0 5 ] k í c h t h ư ớ c l o g o t i ê u c h u ẩn
[kích thước in ấn nhỏ nhất]
[kích thước online nhỏ nhất]
Kích thước logo tiêu chuẩn quy định kích thước nhỏ nhất mà [LOGO01] DOKKAEBI vẫn thể hiện được tốt nhất về mặt biểu tượng, ký tự và đường nét.
[kích thước in ấn nhỏ nhất]
[kích thước online nhỏ nhất]
Kích thước logo tiêu chuẩn quy định kích thước nhỏ nhất mà [LOGO02] DOKKAEBI vẫn thể hiện được tốt nhất về mặt biểu tượng, ký tự và đường nét.
17 [ DO KKAEBI ] [ 2Lo g o ] _ [ 0 6 ] v e rs i o n l o g o c h í n h t h ứ c
[LOGO01]
Logo DOKKAEBI gồm có 2 màu: trắng và đen Logo chính được dùng cho hầu hết trên các sản phẩm in ấn, website, mobile app ...
18 [ DO KKAEBI ] [ 2Lo g o ] _ [ 0 6 ] v e rs i o n l o g o c h í n h t h ứ c
Logo DOKKAEBI được dùng trên nền background màu/hình ảnh vẫn làm nổi bật logo chính.
19 [ DO KKAEBI ] [ 2Logo] _ [ 06] v e rs i o n l o g o t rê n c á c c h ấ t l i ệ u i n ấ n đ ặ c b i ệ t
[LOGO STAMP]
[LOGO ÉP BẠC]
[LOGO IN NỔI]
[LOGO IN CHÌM]
Version logo DOKKAEBI trên các chất liệu đặc biệt chỉ được dùng trong trường hợp sự kiện / ấn phẩm đặc biệt mà bên chủ thuơng hiệu / giám đốc sáng tạo yêu cầu sự thể hiện khác biệt cho logo. Version logo phiên bản khác nhau chỉ được dùng khi version logo chính không nổi bật trên nền màu / hình ảnh hiện tại.
22 [ DO KKAEBI ] [ 2 L o g o ] _ [ 0 7 ] re s p o n s i v e l o g o
Responsive logo là trường hợp quy định logo được dùng trong các dạng kích thước khác nhau. Khi kích thước của media thể hiện quá nhỏ, version logo chính DOKKAEBI không thể hiện đầy đủ thông tin, version logo responsive sẽ được thay thế, nhưng vẫn đảm bảo tính nhận dạng thương hiệu.
23 [ DO KKAEBI ] [ 2 L o g o ] _ [ 0 7 ] re s p o n s i v e l o g o
Responsive logo là trường hợp quy định logo được dùng trong các dạng kích thước khác nhau. Khi kích thước của media thể hiện quá nhỏ, version logo chính DOKKAEBI không thể hiện đầy đủ thông tin, version logo responsive sẽ được thay thế, nhưng vẫn đảm bảo tính nhận dạng thương hiệu.
25 [ DO KKAEBI ] [ 2 L o g o ] _ [ 0 8 ] mà u s ắ c l o g o
Màu sắc logo chính DOKKAEBI giúp người dùng nhận ra thương hiệu DOKKAEBI. Màu chính của DOKKAEBI gồm 2 màu: màu đen và màu trắng. Mỗi màu được quy định chính xác bằng mã màu bên trên: mã màu pantone, mã màu CMYK, mã màu RGB.
26 [ DO KKAEBI ] [ 2Lo g o ] _ [ 0 9 ] t rư ờ n g h ợ p đ ư ợ c p h é p
[TH01]
[TH03]
[TH02]
[TH04]
[TH05]
(1) Logo chính, đúng tỷ lệ, được đặt trong khoảng cách an toàn và trên nền màu / hình ảnh làm nổi bật logo chính (2) Logo âm bản chỉ được dùng trong trường hợp màu / hình ảnh background không làm nổi bật logo chính (3) Logo chính đặt trên nền màu thương hiệu (đen/trắng) (4) Logo chính đặt trên nền ảnh làm nổi bật logo chính (5) Logo âm bản đặt trên nền ảnh (chỉ dùng trong trường hợp nền ảnh không làm nổi bật logo chính)
27 [ DO KKAEBI ] [ 2Logo] _ [ 1 0 ] t rư ờ n g h ợ p k h ô n g đ ư ợ c p h é p
[TH01]
[TH02]
[TH03]
[TH04]
(1) Không được bóp/kéo giãn logo (2) Không được bỏ bớt thành phần trong logo (3) Không tự ý đổi vị trí và đổi tỷ lệ các thành phần trong logo (4) Không thay đổi khoảng cách an toàn đã được quy định
28 [ DO KKAEBI] [ 2 L o g o ] _ [ 0 8 ] mà u s ắ c l o g o
[TH05]
[TH06]
[TH07]
[TH08]
(5) Không được sử dụng logo opacity (6) Không được đặt logo âm bản trên ảnh
(7) Không được đặt logo âm bản trên pattern (8) Không được đổi màu logo sai màu thương hiệu
HELVETICA
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when
an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic
typesetting, remaining essentially unchanged. It was popularised in the 1960s
with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
30 [ DO KKAEBI ] [ 2 L o g o ] _ [ 11 ] l o g o t y p o g ra p h y
[LOGO01]
Font Helvetica được sử dụng trong logo phần thương hiệu “DKB” và “DOKKAEBI”
31 [ DO KKAEBI ] [ 3 A p p ] _ [ 0 1 ] b ộ i c o n h o à n t h à n h
SHOP
LOGOUT
LOADING
REDUCE
SHOP
CLOSE
LOGOUT
LOADING
REDUCE
CLOSE
Bộ thiết kế icon [x] [2x] [3x]
SHOP
LOGOUT
LOADING
REDUCE
CLOSE
Send Reset Link
Forgot Password Login / Register Email Facebook
Login
Filling Complete
Login / Register Password
Register
Change Avatar
Avatar
Shipping Address
Edit Profile
Profile
Edit Buying Method
Launch App
Personal Info
User Agreement
Add
Order Info
Orders Item
Orders Menu
Shipping Address
Item
Last Viewed
Buying Method
Item
Last Bought
Home
Shop
Products
Selling
Item Notice Item
Full Legal Name
Personal Info
News
Contact
FAQs
Phone Number
D.O.B Address
Legal Mention Description
Seller 101
Privacy Link Account
Logout
36 [ DOK K A E B I ] [ 4 Wo rk f l o w ]
Recomment For You Item Video Popup
News Item Read More
New Arrival
Information Page
Item Image Popup
Event Item MDâ&#x20AC;&#x2122;s Pick
Album Item
Add to carts
Item
Wishlist
Goods
Information Page
Photobook Item
Video Popup
Item
Image Popup
Tops
Bundles
Full Address
37 [ DO KKAEBI ] [ 5Wi r ef r am e ] _ [ 0 1 ] w i re f ra me h o à n t h à n h p h ầ n mề m
39 [ DO KKAEBI ] [ 5Wi r ef r am e ] _ [ 0 1 ] w i re f ra me h o à n t h à n h p h ầ n mề m
43 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
sub menu / home
home
login / register
reset password / notice
47 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
news / new details (same with New Arrival, Event, Recommend For You)
MDâ&#x20AC;&#x2122;s pick / order details
49 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
shop area
categories Albums, Tops (same with Goods, Photobooks, Bundles)
53 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
searching area
product details
55 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
product details
size guide / reviews
57 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
shop area
categories Albums, Tops (same with Goods, Photobooks, Bundles)
59 [ DO KKAEBI ] [ 6 S t y l e g u i d e ] _ [ 0 1 ] v i s u a l l a y o u t
shop area
categories Albums, Tops (same with Goods, Photobooks, Bundles)
mockup01
mockup02
mockup03
mockup04
XUAN TOAN & SANG NGUYEN