tiểu luận báo cáo deliverable 1 lập kế hoạch web

Step 1: Define the Website’s Purpose & AudienceKhán giả mục tiêu● Có nhiều mối quan hệ đồng nghiệp, bạn bè, hay tụ tập vui chơi● Đối tượng khán giả mong muốn tiết kiệm thời gian mua hàng

ĐẠI HỌC ĐÀ NẴNGTRƯỜNG ĐẠI HỌC KINH TẾ

- -

BÁO CÁO

Deliverable 1 – Lập kế hoạch web

Giảng viên hướng dẫn : Trương Hồng Tuấn

Phan Thị Ái TiênTrần Thị Lê UyênHoàng Nguyễn Tố MỹHoàng Trung ĐứcLớp tín chỉ : 47K31.3

Đà Nẵng, ngày 10 tháng 01 năm 2023

● Năm 2022, DN mở thêm chi nhánh thứ hai tại Đống Đa, Đà Nẵng Các sản phẩm đa dạnghơn như thêm bánh su kem, bánh sinh nhật hay trà sữa đóng chai… Sau tám năm kinhdoanh bánh ngọt trên thị trường, Bơ Nơ đã có chỗ đứng vững vàng trên thị trường vàđược sự tin tưởng từ khách hàng.

- Tầm nhìn: Mở rộng kinh doanh đến mỗi quận ở thành phố Đà Nẵng và trong tương lai xacó thể nhượng quyền thương hiệu cho các tỉnh khác để phát triển hơn.

Step 1: Define the Website’s Purpose & AudienceKhán giả mục tiêu

● Có nhiều mối quan hệ đồng nghiệp, bạn bè, hay tụ tập vui chơi

● Đối tượng khán giả mong muốn tiết kiệm thời gian mua hàng bằng cách đặt hàng, thíchmua hàng online, sành sỏi các app thương mại điện tử…

● Yêu thích cái đẹp, thường xuyên tổ chức hoặc tham gia những sự kiện đặc biệt liên quan- Tâm lý:

+ Đối tượng có tâm lý muốn tiết kiệm thời gian khi mua hàng+ Có xu hướng cởi mở, muốn kết bạn

Mục đích và mục tiêu của trang web

Mục tiêu ngắn hạn Mục tiêu dài hạnTiếp thị

+ Trong 1 tháng đầu, tiếp cận 100khách hàng đầu tiên, đo lườngbằng lượt truy cập website+ Tháng tiếp theo tiếp tục tăng

lượt truy cập website lên hơn200 khách hàng

+ Tăng tỉ lệ chuyển đổi kháchhàng tiềm năng: Lưu lượng,thời lượng truy cập tăng thúcđẩy doanh số bán hàng trênwebsite

+ Tăng nhận thức của khách hàngvề sản phẩm của doanh nghiệptrong 1-2 tháng sau khi thiết kếweb

+ Định vị thương hiệutrong lòng khách hàngtrong suốt 2-3 năm tới+ Kết nối đa kênh:

Facebook, Instagram,

Bán hàng + Tăng doanh thu bán hàng

+ Đạt KPI tỷ lệ chuyển đổi khách hàngcó hành vi mua hàng: 15% từ kháchhàng truy cập web tiềm năng thànhkhách hàng có hành vi mua chính thức+ Tiết kiệm chi phí về nhân lực: tiết

+ Mở rộng thị trường bánhàng trên khắp thànhphố Đà Nẵng + Cải thiện KPI bán hàng:

Sau 3 năm, doanh thubán hàng cả kênh trực

kiệm chi phí cho từ 1-2 nhân viên bánmỗi ngày khi doanh số bán hàng trênwebsite tăng

tuyến lẫn ngoại tuyếntăng 50%

Sự hàilòng củakháchhàng

+ Đo lường cụ thể và chính xác sự hàilòng của khách hàng khi mua hàng, sửdụng bằng việc khuyến khích kháchhàng feedback, review

+ Cải thiện sự hài lòng khách hàng: Dễdàng cải thiện chất lượng web hoặcdịch vụ khi nhận được feedback từwebsite của khách hàng.

+ Cải thiện website tiếptục để mang đến chokhách hàng sự hài lòngnhất

Hồ sơ đối tượng mục tiêu

● Học sinh, sinh viên: 16 - 23 tuổi● Nhân viên văn phòng: >22 tuổi● Đối tượng đã có gia đình: 20 - 40 tuổi

Học sinh, sinh viên Nhân viên văn phòng Đối tượng đã có gia đìnhNhân

khẩu học

Có độ tuổi từ 16-23 tuổi,còn đang đi học Họcsinh, sinh viên có thunhập, chu cấp thấp trongkhoảng 2-5 triệu

Độ tuổi từ 22 tuổi Cóthu nhập từ 5-20 triệu

Độ tuổi từ 20-40 tuổi Đãkết hôn, có con Có thunhập từ 10-20 triệu

Địa lý Khu vực TP Đà Nẵng Khu vực TP Đà Nẵng Khu vực TP Đà NẵngTâm lý Có tính cách vui vẻ, yêu

thích các loại bánh ngọtnhư bánh kem, bánhbông lan trứng muốingon

Ở độ tuổi nhỏ thích muanhững chiếc bánh cóhình dáng ngộ nghĩnh, dễthương

Có tâm lý thích ăn vặt,đi chơi với đồngnghiệp để giảm căngthẳng khi làm việcThích những mẫu bánhlạ, đẹp, trang trọng,phù hợp với nhiều sựkiện trong cơ quanCó tâm lý mua theocửa hàng uy tín, nhưđược đồng nghiệp giớithiệu hay được đánhgiá tốt

Mặt khác, có tâm lýmuốn mua hàng onlinevì sự thuận tiện, nhanhgọn

Có tâm lý lựa chọn sảnphẩm kỹ lưỡng trước khimua, muốn sản phẩmđảm bảo về mặt sức khỏeTâm lý nghĩ đến hạnhphúc gia đình, muốn tổchức sinh nhật, ngày kỉniệm cho vợ, chồng,con…

Hành vi Thường tham gia tiệc Thường tụ tập cùng Thường tổ chức tiệc tại

Too long to read onyour phone? Save

to read later onyour computer

Save to a Studylist

cùng gia đình, bạn bè,Thích thử những mónmới mẻ

Thường mua bánh trongcác dịp sinh nhật bảnthân, bạn bè, ngườithân, hay các dịp lễ,ngày kỷ niệm, ngày đặcbiệt khác,

bạn bè, đồng nghiệp,tham gia tổ chức, thamdự các sự kiện nội bộcông ty,

Thường có hành vi tìmkiếm sản phẩm theothói quen, theo lờiđánh giá của bạn bè,đồng nghiệpCó hành vi mua hàngtrực tiếp ở cửa hàng Thường có hành vithanh toán bằng hìnhthức chuyển khoản

gia, dùng bánh trong cáctiệc sinh nhật, ngày lễ, kỷniệm của người thân, cáccột mốc đáng nhớ trongcuộc sống.

Thường tìm kiếm các cửahàng bánh uy tín, chấtlượng, trang trí tinh tế,ấm áp.

Thường có hành vi thanhtoán bằng hình thứcchuyển khoản hoặc trảtiền mặt

Mong muốn, nhu cầu và mong đợi của khán giả mục tiêu

- Nhu cầu

● Khách hàng có nhu cầu mua bánh theo mẫu để tặng nhân dịp đặc biệt● Khách hàng có nhu cầu mua bánh để ăn

● Khách hàng có nhu cầu tìm kiếm thông tin của bánh

● Khách hàng quan tâm đến sức khỏe, sản phẩm có chất lượng đảm bảo- Mong muốn

● Khách hàng muốn tặng những mẫu bánh phù hợp với sở thích, mong muốn của ngườiđược nhận, hoặc thích hợp với bối cảnh sử dụng (dịp đặc biệt cụ thể).

● Khách hàng muốn thử ăn một loại bánh với vị mới.

● Khách hàng có mong muốn tìm được mẫu bánh phù hợp với tính cách của bản thân.● Khách hàng có mong muốn mua một loại bánh có giá thành hợp lý, tạo hình đẹp mắt, ● Khách hàng quan tâm đến sức khỏe => thường để ý đến các sản phẩm bánh có nguyên

liệu healthy.

- Mong đợi: Khách hàng mong đợi sự hài lòng về trải nghiệm chất lượng sản phẩm vàdịch vụ khi mua hàng cả trên các kênh online lẫn mua trực tiếp tại cửa hàng

Tuyên bố mục đích trang web

Trang web nhằm giới thiệu thương hiệu Bơ Nơ Bakery với đa dạng các loại bánh ngon và phùhợp với nhiều đối tượng người tiêu dùng cũng như bối cảnh sử dụng Qua đó, doanh nghiệpmong muốn gia tăng nhận thức của người dùng tại Đà Nẵng về chất lượng và dịch vụ của Bơ NơBakery để thương hiệu có cơ hội mang đến trải nghiệm mua hàng tuyệt vời nhất cho hàng ngànkhách hàng trong tương lai.

Step 2: Determine the Website’s General ContentHome Page

Home Page hay còn gọi là trang chủ, đây là trang web đầu tiên xuất hiện khi người dùng gõ địachỉ tên miền của trang web Trang web này sẽ bao gồm các nội dung như sau:

● Thanh công cụ (để những website con khác)

- Phần 2: Banner xoay vòng về sản phẩm nổi bật, các dòng sản phẩm, ( 3 - 4 tấm)- Phần 3: Sản phẩm bán chạy (Gợi ý 8 sản phẩm bán chạy)

- Phần 4: Mục đặt online ngay- Phần 5: Tin tức và khuyến mãi- Phần 6: Giới thiệu doanh nghiệp- Phần 7: Footer

● Giới thiệu● Liên kết ● Thông tin liên hệ● Link fanpage

- Bên hông sẽ có mục “Call to action” (nhắn tin, số điện thoại, địa chỉ) để liên kết link liênhệ với doanh nghiệp

Mẫu giao diện trang Home Page

Subsidiary pages

Các trang web con trên phần thanh công cụ bao gồm:● Trang chủ

Landing / entry pages

Trang này sẽ có các thông tin, hình ảnh, giá thành, mô tả sơ lược về sản phẩm để khuyến khíchkhách hàng click vào và mua chúng.

Step 3: Select the Website’s Structure

Sử dụng mô hình cấu trúc phân cấp (Hierarchical website structure (AKA tree model)): Bao gồmtrang chủ, các trang cấp cao nhất và sau đó là các trang con hoặc trang con nhỏ hơn Có thể cóliên kết nội bộ nhưng cấu trúc phân cấp trang web tận dụng cách tiếp cận từ trên xuống rất đơngiản.

MENU HEADER

MENU FOOTER:

Step 4: Specify the Website’s Navigation System

- Sử dụng kết hợp Hierarchical Navigation (điều hướng phân cấp) và Global Navigation.Global navigation có thể dẫn đến các trang quan trọng như trang chủ, sản phẩm, tin tức,liên hệ; trong khi Hierarchical navigation có thể được sử dụng để cung cấp điều hướngchi tiết đến các loại sản phẩm cụ thể

- Mục đích điều hướng trang web thiết kế để phù hợp với mục đích bán hàng và tăng độhài lòng của người dùng

● Khi người dùng ở trang homepage -> điều hướng họ đến trang subsidiary page là trangdanh sách sản phẩm hoặc điều hướng họ đến trang thông tin sản phẩm

● Khi người dùng ở trang danh sách sản phẩm -> điều hướng họ đến trang thông tin sảnphẩm

● Khi người dùng ở trang thông tin sản phẩm -> điều hướng họ đến cách mua hàng hoặcđiều hướng họ đến các sản phẩm liên quan hay trang danh sách sản phẩm.

User-based & User-controlled

Sử dụng User-controlled Navigation: Vì DN hiện giờ doanh thu chủ yếu đến từ Facebook làchính, doanh nghiệp cũng chưa có website nên việc sử dụng User-based có thể sẽ gặp khó khăn.Thêm vào đó, website là kênh bán hàng phụ, vì thế không cần thiết kế quá phức tạp và nhiềuchức năng, cần đảm bảo các thông tin cơ bản về doanh nghiệp, sản phẩm, mức giá, để kháchhàng đặt mua.

Link type

- Text link: Các text link sẽ được đặt ở vị trí dễ thấy trên trang web, giúp người dùng dễdàng điều hướng trên trang web và tìm kiếm thông tin hoặc sản phẩm một cách thuậntiện Text link sẽ được định dạng phù hợp theo mục đích trang web, sẽ chuyển màu nếungười dùng đã click Các text link ở Home page bao gồm:

● Trang chủ -> dẫn về trang home page

● Sản phẩm -> dẫn trang web con chứa các “Sản phẩm”

● Tin tức khuyến mãi -> dẫn đến trang web con “Tin tức và khuyến mãi”● Liên hệ -> Dẫn đến trang web con “Liên hệ”

● Đặt ngay -> Thông tin được gửi về cho doanh nghiệp

● Xem thêm -> Dẫn link đến mục thông tin về cửa hàng

● Thêm liên kết cho phần text ở mục “Liên kết” -> Dẫn link đến các mục tương ứng

- Image link: Image link sử dụng chủ yếu cho logo doanh nghiệp, hình ảnh của sản phẩm,các logo hình ảnh của facebook, instagram…

● Ảnh banner xoay vòng -> dẫn link để mục sản phẩm có liên quan đến hình ảnh● Ảnh sản phẩm -> dẫn link đến thông tin sản phẩm, mục đặt hàng tương ứng

● Ảnh các icon liên hệ -> hiện lên mục Messenger, liên kết đến số điện thoại, địa chỉ củadoanh nghiệp

- Hidden Links

Menu hamburger về sản phẩm sẽ hiện liên danh mục sản phẩmchính tương ứng, cụ thể: Bánh ngọt/Bánh sinh nhật/Phụ kiện:Khi click vào sẽ hiện liên các danh mục sản phẩm con khác cótrong “Bánh ngọt/Bánh sinh nhật/Phụ kiện” -> Click vào mộtmục con -> hiện lên các sản phẩm trong mục con đó.

Navigation area

- Graphic buttons represent links

● Thanh tìm kiếm sẽ có nút -> Liên kết với thao tác thực hiện việc lọc thông tin theotừ khóa.

● Tại “Đăng nhập” sẽ có nút -> Liên kết đến trang con Đăng nhập/đăng ký tài khoản

● Tại “Giỏ hàng” sẽ có nút -> Liên kết đến trang con phần giỏ hàng (nơi khách hàngđã lưu các sản phẩm)

● Dấu mũi tên đi qua -> Liên kết đến các trang tiếp theo để chuyển trang

- Drop-down menu

Khi ta đặt con trỏ chuột vào mục sản phẩm, sẽ có thanh trượt xuống bao gồm các danh mục sảnphẩm gồm: Bánh sinh nhật, Bánh ngọt, Phụ kiện Khi ta đưa con trỏ chuột đến các loại bánh sẽhiện lên các danh mục bánh con khác.

Breadcrumb trail

- Chỉ xuất hiện ở trang Subsidiary pages và Landing / entry pages

● Subsidiary pages: Breadcrumb trail sẽ là Trang chủ / Danh mục “Trang chủ” sẽ là textlink dẫn tới Homepage; “Danh mục” chính là text link dẫn tới trang Subsidiary pages vàcũng là trang hiện tại Vị trí của breadcrumb trail này sẽ ở dưới Navigation Bar và thụt vềhơi sát lề trái

● Landing / entry pages: Trang thông tin sản phẩm và đặt hàng.

Breadcrumb trail sẽ là Trang chủ / “Tên danh mục” / “tên sản phẩm” “Trang chủ” sẽ là text linkdẫn tới Homepage; “Tên danh mục” chính là text link dẫn tới trang Subsidiary pages; “Tên sảnphẩm” chỉ là text bình thường, chỉ mang yếu tố cung cấp thông tin của sản phẩm Vị trí củabreadcrumb trail này sẽ ở dưới Navigation Bar và thụt về hơi sát lề trái

Các loại bánh cụ thể trong từng trang con

Step 5: Design the Look and Feel of the Website

Với đối tượng doanh nghiệp là một thương hiệu thuộc ngành F&B gồm 2 cửa hàng bánh nướngnhỏ, thì việc đầu tư vào giao diện website là việc làm cực kì quan trọng Bởi hình ảnh và giaodiện web phải thật bắt mắt, thu hút ánh nhìn thì mới có thể níu chân khách hàng ở lại lâu hơn vàtối đa hóa doanh số bán hàng.

Để có thể nhanh chóng triển khai một giao diện chuyên nghiệp và đẹp mắt, giao diện website củadoanh nghiệp Bơ Nơ Bakery sẽ phải đảm bảo một số yêu cầu nhất định như sau:

Đảm bảo sự nhất quán về mặt hình ảnh

Hình ảnh là thành tố có tác động trực tiếp vào thị giác của người xem một cách ngay lập tức vàđóng vai trò lớn trong việc kết luận một thiết kế là tốt hay không tốt Ngoài ra, nếu sử dụng mộtcách hợp lý, hình ảnh sẽ giúp doanh nghiệp truyền tải thông điệp chính xác tới người xem trongtích tắc Vì thế, khi thiết kế giao diện web, các yếu tố hình ảnh nhóm đưa ra sẽ đảm bảo phù hợpvà đồng nhất với phong cách và định hướng kinh doanh của thương hiệu.

Ngoài những chiếc bánh được đặt làm theo mẫu, sản phẩm của thương hiệu là những loại bánhcó tạo hình đa dạng với sự mềm mại, ngọt ngào, nét trang trí dễ thương, uyển chuyển và vô cùngbắt mắt

Hình ảnh mà nhóm lựa chọn sẽ khơi gợi được thông điệp chung mà thương hiệu muốn truyền tớikhách hàng khi trải nghiệm tại giao diện của web Đó là thương hiệu mong muốn cung cấp đếntay khách hàng những chiếc bánh mang ý nghĩa tích cực, trở thành biểu tượng của niềm vui, tìnhthân và sự ấm áp.

Phông chữ và kiểu chữ

Bên cạnh hình ảnh, màu sắc thì font chữ và kiểu chữ là yếu tố rất quan trọng trong bản thiết kếwebsite Đối với giao diện của trang web hay toàn bộ các trang khác trong web, nhóm sẽ lựachọn font chữ và kiểu chữ dựa trên 3 nguyên tắc chính sau đây: dễ đọc, có biểu cảm phù hợp vớiphong cách thiết kế chủ đạo của website, tương thích tốt trên các trình duyệt.

Kiểu chữ

Đối với những thông tin hay nội dung miêu tả cụ thể trong trang web, nhóm chọn kiểu chữNunito là kiểu chữ Sans serif - kiểu chữ không chân, mong muốn mang đến xu hướng giao tiếpvà truyền đạt nội dung một cách thoải mái và thân mật hơn

Còn đối với các đề mục lớn như “Tin tức & sự kiện”, “Sản phẩm chính”, “Chăm sóc kháchhàng”, nhóm lựa chọn kiểu chữ thứ 2 là kiểu Script - kiểu chữ giống như chữ viết tay Bởi đây làkiểu chữ dễ đọc ở kích thước chữ lớn hơn Hơn nữa, để có thể gửi gắm mong muốn của mìnhcho khách hàng biết được rằng, thương hiệu của mình được làm thủ công và cá nhân hóa thì kiểuchữ Script Pacifico là một cách tuyệt vời để làm điều đó

Nét chữ Pacifico không quá bay bổng nhưng vẫn rất mềm mại, uyển chuyển và tinh tế, thích hợpđể làm kiểu chữ cho một website của thương hiệu bánh ngọt.

Hai kiểu chữ Nunito và Pacifico không được tích hợp sẵn trong Odoo nên nhóm sẽ thêm vàobằng cách thêm địa chỉ font chữ từ Google Font.

Phông chữ

Nhóm sử dụng font chữ Nunito thường để viết những nội dung chi tiết về trang web Nét chữNunito thường không quá nhạt và cũng không quá đậm, nó vừa đủ cô đọng để mô tả nội dungvới một chút mảnh mai, sang trọng và hiện đại.

Font chữ Nunito cũng được nhóm lựa chọn font in đậm, dày nét hơn trong một số trường hợpnhư viết danh mục sản phẩm, các tiêu đề chính trong trang web để chuyển tải thông tin đến quýkhách hàng một cách nổi bật và rõ ràng hơn.

Vị trí nội dung

Để website hoạt động tốt thì ta không chỉ cần header footer mà còn cần phần content chính.Nhóm sẽ lựa chọn vị trí đặt content chính là nằm ngay ở giữa của tổng thể giao diện web Trongphần này hầu hết là nhóm sẽ nêu ra những nội dung chính ví dụ như các hình ảnh, sứ mệnh tómlược, các sản phẩm chính, dịch vụ mà doanh nghiệp cung cấp, tin tức,

Content chính là yếu tố giữ chân khách hàng và chiếm đa số “đất” trong một trang web Vì vậy,chúng cần được sắp xếp hợp lý, khoa học giúp người dùng dễ thấy nội dung mới và hữu ích.

Bảng màu

Là một thương hiệu F&B và còn chú trọng vào khâu tạo hình hay trang trí sản phẩm, các sảnphẩm của Bơ Nơ Bakery cũng rất đa dạng về màu sắc trang trí để mang đến một vẻ ngoài phongphú cho những chiếc bánh, phù hợp với nhiều đối tượng người dùng sản phẩm Điều này khiếncho sự lựa chọn về gam màu cũng như bảng màu thiết kế trang web cũng trở nên hạn chế hơn.Nhóm quyết định lựa chọn màu vàng là gam màu chủ đạo cho thiết kế web của thương hiệu lầnnày Và bảng màu là sự phối hợp giữa các màu theo các nguyên tắc phối màu cơ bản trong thiếtkế Trong đó, nguyên tắc phối màu vàng đơn sắc (là cách sử dụng một màu chủ đạo hoặc dùngnhiều sắc độ khác nhau của cùng một màu) sẽ được nhóm áp dụng