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.