Branding

Branding

Thiết kế nhận diện thương hiệu (Đây là sản phẩm thực hành của sinh viên để luyện tập, sản phẩm không nhằm mục đích thương mại)

Mã sinh viên: B19DCPT098 Sinh viên thực hiện: Bùi Quang Hồng Giảng viên hướng dẫn: Th.S Hà Thị Hồng Ngân

mageplaza

Branding

THIẾT KẾ, CẢI TẠO BỘ NHẬN DIỆN THƯƠNG HIỆU MAGEPLAZA

Trang _ 01

Mục lục Phần I. NGHIÊN CỨU

2.1 Logo và quy chuẩn logo

1.1 Tổng quan về Mageplaza

2.3 Hướng dẫn sử dụng logo

1.2 Khảo sát thực tế các vấn đề liên quan tới nhận diện thương hiệu của Mageplaza

2.4 Tín hiệu nhận diện

1.2.1 Bộ nhận diện thương hiệu hiện tại của Mageplaza 1.2.2 Khảo sát bộ nhận diện thương hiệu đối thủ cạnh tranh của Mageplaza 1.3 Định hướng thiết kế nhận diện thương hiệu cho Mageplaza

Phần II. THIẾT KẾ BỘ NHẬN DIỆN THƯƠNG HIỆU 2.1 Ý tưởng thiết kế (ý nghĩa logo)

Trang _ 02

2.5 Bộ văn phòng 2.6 Biển hiệu 2.7 Bộ quà tặng 2.8 Ấn phẩm đặc thù ngành hàng 2.9 Các ấn phẩm truyền thông, online 2.10 Hồ sơ thương hiệu

Phần III. KẾT LUẬN VÀ BÀI HỌC RÚT RA

01.

NGHIÊN CỨU

Trang _ 03

Branding

1.1 TỔNG QUAN VỀ MAGEPLAZA Đối với những người bán và nhà phát triển trực tuyến đang tìm kiếm các tiện ích mở rộng chất lượng cao cho các cửa hàng Magento 2 của họ, Mageplaza cung cấp một loạt các mô-đun giàu tính năng nhất.

Mageplaza là một hệ sinh thái gồm hơn 230 tiện ích mở rộng tương thích cao với các phiên bản mới nhất của Magento 2 (Adobe Commerce).

Tầm nhìn: Làm cho thế giới thương mại điện tử trở thành một nơi tốt đẹp hơn bằng kiến thức, sự đổi mới và sự cống hiến của chúng tôi.

Giá trị: Mageplaza luôn giữ vững 6 giá trị cốt lõi (hài lòng, đổi mới, bền vững, toàn vẹn, hiểu biết, đa dạng)

Trang _ 04

Trang _ 05

1.2 KHẢO SÁT THỰC TẾ CÁC VẤN ĐỀ LIÊN QUAN TỚI NHẬN DIỆN THƯƠNG HIỆU CỦA MAGEPLAZA

Trang _ 06

1.2.1 Bộ nhận diện thương hiệu hiện tại của Mageplaza

Trang _ 07

TÊN LỬA

MAGENTO

MŨI TÊN

CHỮ A

Trang _ 08

HÌNH HỌC

Logo Mageplaza được thiết kế dưới dạng hình học cách điệu từ chữ cái A trong bảng chữ cái thành dạng hình học đơn giản, dễ nhận biết, dễ nhìn. Logo là sự kết hợp từ các hình ảnh biểu tượng, keyword như tên lửa (biểu tượng cho tốc độ, sự phát triển), logo Magento (nền tảng thương mại điện tử phổ biến hiện nay), mũi tên (biểu tượng của sự định hướng) và chữ cái A.

Tuy nhiên, dựa theo xu hướng hiện nay, cũng như tầm nhìn, giá trị của công ty ở thời điểm hiện tại, logo này không còn phù hợp. Công nghệ ngày càng hiện đại, phát triển, đòi hỏi các công ty phải thích ứng, năng động, linh hoạt. Thiết kế hình học cũ của logo giờ đây mang lại cảm giác thô cứng, kém linh loạt, màu sắc cũ khó nổi bật. Do đó đề xuất phương án thay đổi, cải tạo lại logo cũng như bộ nhận diện cho thương hiệu.

Trang _ 09

1.2.2 Khảo sát bộ nhận diện thương hiệu đối thủ cạnh tranh của Mageplaza

Trang _ 10

Thương hiệu sử dụng chủ yếu là Text logo, đặc điểm style này phụ thuộc khá nhiều vào font chữ để thể hiện tính chất đặc trưng của thương hiệu, style này là một trong những phong cách tối giản được nhiều thương hiệu sử dụng.

Trang _ 11

Mirasvit sử dụng style minimalism, kết hợp hình và chữ. Wordmark sử dụng họa tiết hình khối bo góc tròn tạo sự linh động, tuy nhiên phần Lettermark lại sử dụng font chữ sanserif cứng chưa thực sự hòa hợp.

1.3 ĐỊNH HƯỚNG THIẾT KẾ NHẬN DIỆN THƯƠNG HIỆU CHO MAGEPLAZA Trang _ 12

Keyword:

Trọn vẹn, định hướng, linh hoạt

Phong cách:

Màu sắc:

Trang _ 13

Logotype cách điệu từ chữ cái M nhưng dưới dạng đường nét bo tròn, gợi lên sự chuyển động, linh hoạt.

Màu sắc chuyển gradient kết hợp từ hai màu xanh dương và tím, màu sắc của công nghệ đại diện bằng màu xanh, màu sắc của sự tin tưởng, gắn kết đại diện bởi màu tím.

THIẾT KẾ BỘ NHẬN DIỆN THƯƠNG HIỆU

Trang _ 14

02.

Trang _ 15

2.1 Ý tưởng thiết kế (ý nghĩa logo) Trang _ 16

Một số phiên bản khác

Trang _ 17

2.1 Logo và quy chuẩn logo

Trang _ 18

Cấu trúc của Logo

1. Lettermark

mageplaza 2. Wordmark

Trang _ 19

mageplaza 3. Logo

Lettermark x

6x

7x

2x

10mm 2x

In ấn: W = 10mm 14x

28px

x 0.5x 45

17.5x

Cấu trúc Lettermark & khoảng cách an toàn Trang _ 20

Kĩ thuật số: W = 28px

Kích thước tối thiểu

Wordmark 31x

7x 20mm

mageplaza

In ấn: W = 20mm

7x 56px

mageplaza

Kĩ thuật số: W = 56px

Cấu trúc Wordmark & khoảng cách an toàn Trang _ 21

Kích thước tối thiểu

Logo 31x 17.5x

7x

20mm

mageplaza

In ấn: W = 20mm 22x 56px

2x

6x

3x

mageplaza

Kĩ thuật số: W = 56px

Cấu trúc Wordmark & khoảng cách an toàn Trang _ 22

Kích thước tối thiểu

RGB: #26CDFA CMYK: (62%, 0%, 1%, 0%)

mageplaza Font tiêu đề: AllRoundGothic Demi Font nội dung: Montserrat Regular Trang _ 23

RGB: #BF46FF CMYK: (48%, 75%, 0%, 0%)

RGB: #00005C CMYK: (100%, 98%, 23%, 37%)

2.3 Hướng dẫn sử dụng logo

Trang _ 24

mageplaza

mageplaza

Nguyên bản (nền sáng)

Nguyên bản (nền tối)

Logo phiên bản màu chính được ưu tiên sử dụng xuyên suốt trên các ấn phẩm truyền thông, quảng cáo cũng như là sản phẩm in ấn.

Màu Trắng được sử dụng cho wordmark khi logo đặt trên nền màu tối.

Màu Xanh Navy Blue được sử dụng cho wordmark khi logo đặt trên nền màu sáng.

Trang _ 25

Trong một số trường hợp, khi logo phiên bản màu chính đặt trên nền màu không đủ nổi bật hoặc để tối ưu chi phí sản xuất, logo phiên bản Trắng - Đen được phép sử dụng.

Không lạm dụng việc sử dụng logo phiên bản Trắng - Đen khi không thật sự cần thiết. Việc sử dụng logo phiên bản màu chính luôn được ưu tiên hàng đầu..

mageplaza

Phiên bản âm bản được sử dụng cho logo khi đặt trên nền màu tối.

Phiên bản dương bản được sử dụng cho logo khi đặt trên nền màu sáng.

Trang _ 26

mageplaza

Các trường hợp dùng sai quy định

mageplaza Sai phương án màu

Trang _ 27

mageplaza Bỏ hiệu ứng gradiant trên Lettermark

mageplaza Thêm bóng đổ

Các trường hợp dùng sai quy định

mageplaza Thêm đường viền

Trang _ 28

a z la

m

p e ag

Xoay logo

mageplaza Thay đổi tỉ lệ các phần logo

mageplaza Thay đổi vị trí các thành phần logo

Trang _ 29

mageplaza

Bóp méo logo

2.4 Tín hiệu nhận diện

Trang _ 30

Sự kết hợp và lặp lại giữa cái đường cong tạo hiệu ứng chuyển động, thể hiện đúng đặc trưng, tính cách của công ty năng động, linh hoạt.

Trang _ 31

2.5 Bộ văn phòng

Trang _ 32

Trang _ 33

Trang _ 34

Trang _ 35

Trang _ 36

2.6 Biển hiệu

2.7 Bộ quà tặng

Trang _ 37

2.8 Ấn phẩm đặc thù ngành hàng Bộ icon sản phẩm

Trang _ 38

Trang _ 39

DELIVERY TIME

ORDER COMMENT

HOUSE SECURITY CODE

AUTO DETECT EMAIL

UPDATE CUSTOMER ATTRIBUTES

CHECKOUT ANALYTICS (NEW)

2.9 Các ấn phẩm truyền thông, online

Trang _ 40

Contact

mageplaza

Magento 2

221

Promo

Free

29

Services

Suport

Resources

The Most Feature-Rich Extension Developer for Magento 2

About Us

We creat a wide variety of well-coded, fully-feature & innovative extensions with dedicated and personal support

Chat with us

221+

Extensions

15m+

Downloads

or

Find Extension

104k+ Global Customers

176+

Countries

.Website Trang _ 41

mageplaza

The Most Feature-Rich Extension Developer for Magento 2 Learn more

Banner Trang _ 42

Trang _ 43

2.10 Hồ sơ thương hiệu

Trang _ 44

Trang _ 45

Trang _ 46

Trang _ 47

Trang _ 48

Trang _ 49

Trang _ 50

Trang _ 51

KẾT LUẬN VÀ BÀI HỌC

Trang _ 52

03.

01.

Bộ nhận diện thương hiệu có thể nói như là linh hồn của thương hiệu, à ngôn ngữ giao tiếp giữa thương hiệu với khách hàng.

Người làm thiết kế có vai trò tổng hợp thông tin, hình ảnh về thương hiệu để xây dựng nên bộ nhận diện hoàn chỉnh, dễ nhận biết, thể hiện được đúng những tính cách, đặc trưng của thương hiệu.

03.

Thiết kế luôn phải tuân thủ chặt chẽ theo từng quy trình cụ thể: nghiên cứu, lên ý tưởng, xây dựng quy chuẩn, thiết kế ấn phẩm... Mỗi quy trình đều rất quan trọng và bổ sung cho nhau.

Người thiết kế cần biết xây dựng, sắp xếp thời gian, công việc, lên tiến độ cụ thể cho từng giai đoạn và hoàn thành tốt mỗi giai đoạn đó bằng hết khả năng của mình.

Trang _ 53

02.

04.