Báo cáo nhóm học phần thiết kế Đồ họa Đề tài chủ Đề thiết kế trang web thời trang sweevie

Trong tiểu luận này, chúng tôi sẽ trình bày về ý tưởng, thiết kế và chiến lược phát triển của trang web "Sweevie", nhằm đáp ứng nhu cầu và sở thích của giới trẻ trong thời đại

TRƯỜNG ĐẠI HỌC ĐẠI NAM

KHOA TRUYỀN THÔNG

BÁO CÁO NHÓM HỌC PHẦN: THIẾT KẾ ĐỒ HỌA Đề tài/chủ đề:

THIẾT KẾ TRANG WEB THỜI TRANG “ SWEEVIE “Giảng viên hướng dẫn : TH.S ĐINH THỊ THÙY LINH Nhóm thực hiện : Nhóm số 03

Lớp : TTĐPT 17 - 03

Hà Nội, năm 2024

NHÓM SINH VIÊN THỰC HIỆN

NHẬN XÉT

(Của giảng viên hướng dẫn)

Điểm số Điểm

chữ

5 1776030276 Đào Quốc Toản TTĐPT 17-03

6 1776030037 Ngô Việt Bách TTĐPT 17-03

7 1776030138 Lê Ngọc Khánh TTĐPT 17-03

8 1776030303 Khương Trung Vĩnh TTĐPT 17-03

Ngày … tháng … năm 20…

Mục Lục I Danh sách thành viên Error: Reference source not found

II Link sản phẩm Figma Error: Reference source not found

LỜI MỞ ĐẦU Error: Reference source not found

III Giới thiệu về trang web “ SWEEVIE ” Error: Reference

source not found

1 Ý tưởng xây dựng Error: Reference source not found

1.1 Quá trình lên ý tưởng Error: Reference source not found 1.2 Quá trình thảo luận: Error: Reference source not found 1.3 Quá trình thống nhất ý tưởng: Error: Reference source not found 1.4 Quá trình design Error: Reference source not found 1.5 Làm báo cáo Error: Reference source not found

2 Logo (Quy chuẩn về kích thước – tỷ lệ màu sắc) Error: Reference source not found

3 Phác thảo sơ đồ Error: Reference source not found

4 Nội dung ứng dụng Error: Reference source not found

4.1 Home (Trang chủ): Error: Reference source not found 4.2 Mục All products (Tất cả sản phẩm trưng bày) Error: Reference source not

found

4.3 Mục Clothes (Quần áo) Error: Reference source not found

4.4 Mục Accessories (Phụ kiện)……… ………21

4.5 Mục Contact (Liên hệ)……… 21

4.6 Mục Order (Đặt hàng)……… … 23

4.7 Phần chân trang (Footer)……… ……… 24

5 Kiến thức, kỹ năng thu được từ học phần thiết kế đồ hoạ Error: Reference source not found

LỜI CẢM ƠN Error: Reference source not found

I Danh sách thành viên

NHÓM SINH VIÊN THỰC HIỆN

giá mức độ hoàn thành

Hân

- Lên ý tưởng thiết kế app và logoSWEEVIE

- Thực hiện design figma: Clothes

- Viết báo cáo

100%

2 1776030280 Nguyễn Thu Trang- Lên ý tưởng thiết kế app và logo

SWEEVIE

- Thực hiện design figma: Clothes

- Viết báo cáo-

 Thực hiện design figma: tất cả

 Hỗ trợ thiết kế logo

 Viết báo cáo

- Thực hiện design figma: Contact

- Viết báo cáo

6 1776030037 Ngô Việt Bách - Lên ý tưởng thiết kế app và logo

SWEEVIE

- Thực hiện design figma: All products

- Viết báo cáo

- Thực hiện design figma: Order

- Viết báo cáo

100%

II Link sản phẩm Figma

Link: https://www.figma.com/design/cHxGa2XqwuAYyauFgVJqsw/Untitled?

node-id=0-1&node-type=canvas&t=WWTjkfkfOdBtuwk9-0

Mã qr:

LỜI MỞ ĐẦU

Thời trang luôn là một phần quan trọng trong cuộc sống của mỗi người, đặc biệt là giới trẻ Trong bối cảnh công nghệ phát triển mạnh mẽ, việc mua sắm trực tuyến đã trở thành xu hướng phổ biến, mang lại sự thuận tiện và đa dạng cho người tiêu dùng Giới trẻ không chỉ tìm kiếm những bộ quần áo đẹp mà còn muốn thể hiện cá tính và phong cách riêng thông qua trang phục

Nhận thấy nhu cầu này, chúng tôi quyết định xây dựng một trang web bán quần áo mang tên "Sweevie" Trang web không chỉ cung cấp các sản phẩm thời trang phong phú mà còn tạo ra một không gian mua sắm thú vị và dễ dàng cho các bạntrẻ Với sứ mệnh mang đến những bộ sưu tập độc đáo, phù hợp với xu hướng hiện đại, "Sweevie" mong muốn trở thành điểm đến lý tưởng cho những ai yêu thích thời trang

Trong tiểu luận này, chúng tôi sẽ trình bày về ý tưởng, thiết kế và chiến lược phát triển của trang web "Sweevie", nhằm đáp ứng nhu cầu và sở thích của giới trẻ trong thời đại số

III Giới thiệu về trang web “ SWEEVIE “

1 Ý tưởng xây dựng

Trang web "Sweevie" được thiết kế nhằm phục vụ nhu cầu mua sắm thời trang của giới trẻ, mang đến cho người dùng một trải nghiệm mua sắm trực tuyến tiện lợi và thú vị Với sự đa dạng về sản phẩm, "Sweevie" cung cấp nhiều loại quần

áo, từ trang phục hàng ngày đến những bộ đồ nổi bật cho các dịp đặc biệt, giúp người dùng dễ dàng tìm kiếm và lựa chọn theo phong cách cá nhân.

Người dùng có thể truy cập vào trang web và khám phá các bộ sưu tập phong phú, với các tính năng lọc sản phẩm theo kích cỡ, màu sắc và phong cách Giao diện thân thiện và dễ sử dụng của "Sweevie" giúp người dùng nhanh chóng tìm thấy những món đồ yêu thích mà không mất nhiều thời gian.

Ngoài ra, "Sweevie" còn cung cấp các gợi ý phối đồ và cập nhật xu hướng thời trang mới nhất, hỗ trợ người dùng trong việc lựa chọn trang phục phù hợp với

cá tính của mình Chỉ với vài cú nhấp chuột, người dùng có thể sở hữu những

bộ quần áo ưng ý, tự tin tỏa sáng trong mọi khoảnh khắc.

1.1 Quá trình xây dựng ý tưởng

Quá trình lên ý tưởng cho trang web "Sweevie" bắt đầu bằng việc nghiên cứu thịtrường thời trang hiện tại, đặc biệt là nhu cầu và sở thích của giới trẻ Chúng tôi đã khảo sát và phân tích các xu hướng tiêu dùng, từ đó nhận thấy rằng giới trẻ ngày càng ưa chuộng mua sắm trực tuyến và tìm kiếm những sản phẩm độc đáo,phong cách

Sau khi có cái nhìn tổng quan về thị trường, chúng tôi xác định đối tượng khách hàng chính là thanh niên từ 16 đến 30 tuổi Họ không chỉ quan tâm đến chất lượng sản phẩm mà còn yêu thích sự mới mẻ và sáng tạo trong thiết kế Dựa trênnhu cầu của đối tượng khách hàng này, chúng tôi đã phác thảo ý tưởng về các bộsưu tập thời trang, bao gồm việc lựa chọn các loại trang phục, màu sắc và chất liệu phù hợp với xu hướng hiện tại.

Để đảm bảo sự hấp dẫn và tính linh hoạt, chúng tôi chú trọng đến việc tạo ra cácsản phẩm có thể dễ dàng phối hợp với nhau Một phần quan trọng trong ý tưởng là thiết kế giao diện người dùng thân thiện và dễ sử dụng Chúng tôi đã lên kế hoạch cho các tính năng như tìm kiếm sản phẩm, bộ lọc theo kích cỡ và màu sắc, cùng với các gợi ý phối đồ, nhằm mang đến cho người dùng trải nghiệm mua sắm tốt nhất

Mục đích:

 Phục Vụ Nhu Cầu Thời Trang:

Mục đích chính của trang web " SWEEVIE " là đáp ứng nhu cầu thời trang của giới trẻ, đặc biệt là những người yêu thích phong cách Y2K Chúng tôi muốn cung cấp những sản phẩm thời trang độc đáo, mang đậm ảnh hưởng của thập niên 2000, giúp khách hàng thể hiện cá tính và phong cách riêng

 Tạo Nền Tảng Mua Sắm Tiện Lợi:

Trang web được thiết kế nhằm mang lại trải nghiệm mua sắm trực tuyến tiện lợi và dễ dàng Người dùng có thể dễ dàng tìm kiếm, chọn lựa và đặt hàng các sản phẩm yêu thích chỉ với vài cú nhấp chuột

 Cập Nhật Xu Hướng Mới Nhất:

Trang web sẽ thường xuyên cập nhật các xu hướng mới nhất trong thế giới thời trang Y2K, giúp khách hàng luôn nắm bắt được những gì đang hot và phù hợp nhất với phong cách của họ

1.2 Quá trình thảo luận

Sau khi lên ý tưởng, chúng tôi đã phác thảo qua kế hoạch, những mục màtrang web sẽ có, mục tiêu và tính năng của trang web

1.3 Quá trình thống nhất ý tưởng

Việc thống nhất ý tưởng cho ứng dụng thời trang của chúng tôi diễn ra nhanh chóng nhờ vào những lý do thuyết phục đã được nêu ra từ trước Đầu tiên, chúng tôi phân chia công việc cho từng thành viên trong nhóm, đảm bảo rằng mỗi người đều có nhiệm vụ cụ thể để hoàn thành

Tiếp theo, chúng tôi lựa chọn bảng màu sắc phù hợp với đối tượng mà chúng tôi muốn hướng đến Sau đó, chúng tôi quyết định tên ứng dụng, thiết kế logo và đi sâu vào việc phát triển nội dung cho từng phần của ứng dụng, nhằm tạo ra trải nghiệm tốt nhất cho người dùng.

1.4 Quá trình degisn

Menu tổng cộng có 7 mục được thực hiện từ ngày 25/10/2024 – 15/11/2024 cụ thể:

 Home (Trang chủ): được thực hiện trong 5 ngày

 All Products (Tất cả sản phẩm): được thực hiện trong 5 ngày

 Clothes (Quần áo): được thực hiện trong 5 ngày

 Accessories (Phụ kiện): được thực hiện trong 2 ngày

 Contact (Liên hệ): được thực hiện trong 3 ngày

 Order (Liên hệ): được thực hiện trong 1 ngày

Thời gian còn lại để chỉnh sửa logo và hoàn chỉnh toàn bộ giao diện của trang web “ SWEEVIE “

1.5 Làm báo cáo

Sau khi hoàn tất việc thiết kế, chúng tôi đã rút ra được những kinh nghiệm, thuận lợi và khó khăn trong suốt quá trình làm để rồi hoàn thiện được bản

báo cáo này Bản báo cáo không chỉ nói những kinh nghiệm, kết quả mà còn giúp người dùng trang web có thể hiểu thêm về những nội dung, thông tin

2, Logo (Quy chuẩn về kích thước – tỷ lệ màu sắc)

Quy chuẩn về kích thước:

Logo được tạo hình bởi viên kẹo quấn giấy bạc cổ điển Với hình dáng viên kẹo nhỏ xinh và giấy bạc lấp lánh, nó cũng tạo ra một cảm giác thú vị và dễ chịu Loại kẹo này có thể là món quà đơn giản nhưng dễ thương, mang lại niềm vui cho cả người tặng lẫn người nhận Với 2 màu nổi nật là hồng và xanh, những màu sắc sặc sỡ thể hiện sự lạc quan, tích cực, tươi mới và thân thiện.

Để trung lập lại, màu trắng có thể giúp tạo sự cân bằng trong không gian, nó có tính trung lập, có thể kết hợp với nhiều màu sắc khác để tạo điểm nhấn.Sự mới mẻ và khởi đầu mới: Màu trắng tượng trưng cho những khởi đầu mới, sự mở đầu của một chu kỳ hoặc giai đoạn mới trong cuộc sống Nó thể hiện sự tươi mới và tiềm năng vô hạn

Quy chuẩn về tỷ lệ màu sắc:

3 Phác thảo sơ đồ:

4 Nội dung ứng dụng:

4.1 Trang chủ (HOME):

 Trang chủ (home) sẽ bao gồm những mục chính mà khách hàng có thể tìmkiếm bao quát:

- All products (tất cả sản phẩm): là nơi khách hàng có thể xem toàn bộ

danh mục sản phẩm của cửa hàng Họ có thể lọc và tìm kiếm theo các tiêu chí như sản phẩm bán chạy nhất; sản phẩm đặc trưng, giá cả từ cao đến thấp hoặc ngược lại; tên sản phẩm theo bảng chữ cái A-Z, Z-A Điều này giúp khách hàng dễ dàng khám phá và so sánh các sản phẩm, từ đó lựa chọn những món hàng phù hợp với nhu cầu và sở thích của mình

- Clothes (quần áo): Phần này tập trung vào các mặt hàng về trang phục,

bao gồm áo, váy, quần, phụ kiện v.v Ở đây, khách hàng có thể xem các bộ sưu tập mới nhất, xu hướng thời trang, cũng như tìm kiếm và lọc sản phẩm theo các tiêu chí Mục này giúp người dùng dễ dàng khám phá và mua sắm các sản phẩm thời trang ưa thích

- Accessories (phụ kiện): Mục cung cấp các sản phẩm bổ sung cho trang

phục, như thắt lưng, mũ, kính mắt, khuyên tai, nhẫn v.v Khách hàng có thể tìm kiếm và mua các món phụ kiện để hoàn thiện và làm nổi bật phong cách của mình Những sản phẩm trong mục này thường được cập nhật theo xu hướng, giúp người dùng luôn có những lựa chọn mới mẻ

- Contact (liên hệ): là nơi cung cấp thông tin để khách hàng có thể liên lạc

với cửa hàng, bao gồm địa chỉ, số điện thoại, email, v.v Đây là nơi khách hàng có thể đặt câu hỏi, gửi phản hồi hoặc yêu cầu hỗ trợ nếu cần Mục này giúp tăng cường sự tương tác và phục vụ khách hàng tốt hơn

- Order (Đặt hàng): phần này hướng dẫn khách hàng về quy trình đặt mua

sản phẩm trên trang web Ở đây, họ có thể thêm sản phẩm vào giỏ hàng, chọn phương thức thanh toán và vận chuyển, cũng như theo dõi tình trạng đơn hàng Mục này đóng vai trò quan trọng trong việc hoàn tất quá trình mua sắm của khách hàng một cách dễ dàng và thuận tiện

Tóm lại, các mục chính trên trang web này cung cấp một trải nghiệm mua sắm toàn diện, từ khám phá sản phẩm đến đặt hàng và liên hệ với cửa hàng Điều nàygiúp tăng cường sự hài lòng và trung thành của khách hàng, đồng thời thúc đẩy doanh số bán hàng của cửa hàng

- Thanh tìm kiếm: là một công cụ quan trọng giúp

khách hàng dễ dàng tìm kiếm và truy cập các sản phẩm mong muốn Thông thường, thanh tìm kiếm sẽ được đặt ở vị trí nổi bật trên trang web, cho phép người dùng nhập từ khóa hoặc các tiêu chí tìm kiếm như tên sản phẩm, loại sảnphẩm, màu sắc, v.v Khi khách hàng thực hiện tìm kiếm, trang web sẽ hiển thị kết quả phù hợp, giúp họ dễ dàng tìm thấy những sản phẩm cần thiết

- Giỏ hàng: Đây là một tính năng

quan trọng khác, cho phép khách hàng lưutrữ và quản lý các sản phẩm họ muốn mua Khi khách hàng thêm sản phẩm vào giỏ hàng, các thông tin như tên sản phẩm, số lượng, giá cả sẽ được hiển thị Từ đó, họ có thể tiếp tục duyệt tìm và thêm các sản phẩm khác, hoặc trực tiếp tiến hành thanh toán Giỏ hàng cũng cho phép kháchhàng chỉnh sửa số lượng, xóa bỏ sản phẩm, hoặc lưu lại để mua sau Tính năng này giúp tăng cường sự tiện lợi và trải nghiệm mua sắm của khách hàng

Tóm lại, trang chủ này cung cấp một trải nghiệm mua sắm toàn diện, từ khám phá sản phẩm đến đặt hàng và liên hệ với cửa hàng Kết hợp với các tính năng quan trọng như thanh tìm kiếm và giỏ hàng, hệ thống mua sắm trực tuyến này giúp khách hàng dễ dàng khám phá, lựa chọn và mua sắm các sản phẩm ưa thíchmột cách nhanh chóng và hiệu quả Những tính năng này không chỉ nâng cao trải nghiệm người dùng, mà còn thúc đẩy doanh số bán hàng của cửa hàng

Tiếp theo là dòng nội dung tiêu biểu thu hút khách hàng ngay từ cái nhìn đầu tiên trên trang web:

- 7 days return: Chúng tôi cam kết hỗ trợ khách hàng trong việc đổi trả sản

phẩm trong vòng 7 ngày kể từ ngày nhận hàng Điều này nhằm đảm bảo sự hài lòng tối đa và sự tin tưởng của khách hàng đối với sản phẩm của chúng tôi

- 30% off for fisrt order: Để chào đón những khách hàng mới, Sweetvie

xin gửi tặng ưu đãi hấp dẫn với mức giảm giá 30% cho đơn hàng đầu tiên.Đây là cơ hội tuyệt vời để trải nghiệm các sản phẩm chất lượng của chúngtôi với mức giá ưu đãi nhất

Ngay bên dưới, khách hàng sẽ được chiêm ngưỡng những bộ quần áo nổi bật và mới nhất vừa được cập nhật tại cửa hàng của chúng tôi Những bộ quần áo này được lựa chọn kỹ lưỡng, phản ánh xu hướng thời trang hiện đại và đa dạng, phù hợp với nhiều phong cách và dịp khác nhau

Việc khám phá bộ sưu tập này không chỉ là một trải nghiệm mua sắm, mà còn là

cơ hội để khách hàng làm mới tủ đồ của mình với những món đồ độc đáo và chất lượng Chúng tôi tin rằng mỗi sản phẩm sẽ đáp ứng được nhu cầu và sở thích của khách hàng, từ đó giúp họ tự tin thể hiện phong cách cá nhân

Phần "BEST SALE" trên trang web cung cấp một cái nhìn tổng quan về các sản phẩm thời trang nổi bật và đang được ưu đãi tại cửa hàng Bố cục được chia thành các mục như "TOP", "BOTTOM", "DRESS", "OUTERWEAR" và

"ACCESSORIES", giúp khách hàng dễ dàng tìm kiếm và khám phá các mặt hàng phù hợp với nhu cầu và phong cách của mình

Các hình ảnh minh họa sinh động và thu hút, truyền tải thông điệp về những sản phẩm thời trang mới, độc đáo và đang được ưu đãi Điều này sẽ kích thích sự tò

mò và hứng thú của khách hàng, thúc đẩy họ khám phá và mua sắm tại cửa hàng

Nhìn chung, phần "BEST SALE" này đóng vai trò quan trọng trong việc thu hút và định hướng khách hàng đến với các sản phẩm ưu đãi, tạo cơ hội cho họ làm mới tủ đồ với những món đồ thời trang độc đáo và phù hợp với phong cách cá nhân