DOKKAEBI

Page 1

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

Email

Forgot Password Login / Register Email Facebook

Login

Filling Complete

Login / Register Password

Register

Change Avatar

Avatar

Shipping Address

Edit Profile

Twitter

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’s Pick

Album Item

Add to carts

Item

Wishlist

Goods

Information Page

Photobook Item

Video Popup

Item

Image Popup

Tops

Bundles

Full Address

Facebook

Twitter

Instagram


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’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




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.