ROOSTER BEERS
WEBSITE DESIGN

Giới thiệu về dự án

Rooster Beers là một hãng bia thủ công tại Việt Nam và được thành lập vào năm 2015 cho đến nay. Họ là những chuyên gia nấu bia đầy đam mê, sáng tạo và nhiệt huyết, mong muốn mang đến cho khách hàng những dòng bia thủ công mang hương vị cổ điển tuyệt hảo. Mỗi ngụm bia Rooster mát lạnh mang đến trải nghiệm thuởng thức đáng nhớ, kể cả đối với những người sành bia lâu năm.

VỊ TRÍ
Lead designer
NĂM THỰC HIỆN
3/2021 - 6/2021
Công việc thực hiện
Quản lí team
thiết kế website
ux research

Khó khăn khi nhận dự án

Ở thời điểm đó website cũ các lãnh đạo nói về các vấn đề như sau:

  • Khó sử dụng trên website và mobile
  • Khó khăn khi cập nhật thêm các trang
  • Người dùng ở Việt Nam khó tiếp cận.
  • Cần sáng tạo để trông hấp dẫn hơn
  • Khó khăn từ đội ngủ và công cụ: thời điểm đó team các bạn làm cùng cũng rất trẻ, và không rành về làm website hoặc quản lí nó.

Giải pháp đưa ra

  • Thời điểm này mình mới vào xem lại toàn bộ bên trong phần quản lý website. Do là nền tảng đang xài là WordPress, và lãnh đạo họ cũng không muốn thay đổi quá nhiều từ đây. 
  • Nên mình đã tìm một đột ngủ lập trình là công ty GKC để hợp tác làm lại để dễ quản lí hơn. Từ đó mình liệt kê các trường nhập dữ liệu cần làm trong tương lai và phù hợp linh động với lúc thiết kế. 
  • Mình bắt đầu lên wireframe, tìm kiếm ý tưởng từ nhiều hãng bia thủ công nước ngoài lẫn trong nước hơn để đưa ra giải pháp.
  • Đồng bộ hoá màu của thương hiệu lẫn các trường hợp khi xuất hiện. Phân lại bộ chữ theo tỉ lệ và trường hợp xài để tất cả phù hợp với Brand Guideline đưa ra
  • Training cho bạn design chung để làm Figma tốt hơn. Thời điểm này công cụ còn rất thô sơ chứ chưa hoàn thiệt cũng như có nhiều tính năng prorotype như giờ. Nên mình đã phối hợp từ animation bên After Effect để đưa vào Figma bằng hình Gif.

Giai đoạn thực hiện

Xây dựng bộ màu, chữ đưa ra khi nào dùng

Thiết kế các thành phần, lên layout cho website. Vì cần phải đưa ra nhiều giải pháp để mọi người chọn.

Tạo prototype thật sát với thực tế

Sau khi xong giai đoạn thiết kế thì mình bắt đầu test code, tìm một số chỗ bug hoặc nhìn không đúng. 

Vào bên phần admin nếu thấy khó xài hoặc chưa chạy được để đưa ra phương án xử lý.

Lời kết

Website đã được vận hành được 3 năm. Và khi mình nhìn lại vẫn thấy vui vì được làm từ đầu đến khi hoàn thành chỉnh chu. 

Năm nay mình sẽ cho ra mắt phiên bản nâng cấp thêm cho webite Rooster Beers. Hi vọng các bạn sẽ hóng chờ nhé.

MÀN HÌNH FILE THIẾT KẾ

MỘT SỐ MÀN HÌNH MOCKUP

CÙNG MÌNH TRIỂN KHAI Ý TƯỞNG THIẾT KẾ. TẠO RA TRẢI NGHIỆM TỐT CHO KHÁCH HÀNG VÀ GIÁ TRỊ CHO CỘNG ĐỒNG

loc07.creative@gmail.com

© 2024 Lộc Trọc Design