Tháng 2 năm 2021, trang web Umami Land của Google vinh dự đạt giải thưởng “Trang web của tháng”. Với thiết kế chủ đề Bắt mắt, ý tưởng độc đáo, Umami Land đã thực sự khiến người dùng bất ngờ. Cùng xem những ý tưởng sáng tạo của Google với Chili dưới đây nhé!
Xem thêm:
Umami Land của Google đã giành được giải thưởng Trang web của tháng
Mục đích và ý tưởng sáng tạo của Umami Land
Theo Google Trends, xu hướng tìm kiếm các món ăn và ẩm thực Nhật Bản đang tăng lên từng ngày. Nhìn thấy cơ hội để giới thiệu với mọi người về thế giới văn hóa ẩm thực Nhật Bản hấp dẫn, Google đã nhanh chóng xây dựng một trang web có tên washoku.
Trước đây, Google từng đặt mục tiêu thu hút thêm nhiều du khách đến Nhật Bản nhờ nền văn hóa ẩm thực ấn tượng. Tuy nhiên, mọi khó khăn bắt đầu khi đại dịch Covid-19 xuất hiện. Chính vì vậy, họ đã tạo nên Umami Land – nơi để du khách có thể trải nghiệm những món ăn Nhật đa dạng mà không cần phải đến tận nơi. Đây là một trang web với thiết kế chủ đề đẹp đẽ, giống như một kho tàng phong cách hoạt hình được minh họa một cách nghệ thuật. Người dùng từ khắp nơi trên thế giới có thể truy cập để tìm hiểu và thưởng thức ẩm thực của đất nước mặt trời mọc một cách đơn giản và nhanh chóng.
Đoạt giải “Website của tháng”, Umami Land không chỉ ghi điểm bằng hình ảnh trang web ấn tượng mà còn tối ưu hóa trải nghiệm người dùng, cho phép người dùng truy cập web trên cả thiết bị di động và máy tính để bàn và hỗ trợ nhiều ngôn ngữ.
Xem thêm: PNG và JPG: Định dạng hình ảnh nào tốt nhất cho trang web của bạn?
Giao diện ấn tượng của Umami Land
Để đưa ra ý tưởng đầy đủ và hoàn hảo nhất, nhóm thiết kế web đã bắt đầu với bản thảo bằng cách thu thập danh sách những món ăn ngon nhất, nghiên cứu đánh giá của người dùng thực cũng như triết lý đằng sau nó. sau mỗi món ăn. Sau đó, họ bắt đầu hiện thực hóa nghiên cứu của mình bằng cách di chuyển từng lựa chọn đồ ăn vào một khu vực khác của công viên “ảo” thông qua hình ảnh trang web 2D và 3D.
Phong cảnh được lấy cảm hứng từ ẩm thực với các tòa nhà và kiến trúc được thiết kế đẹp mắt để trưng bày các món washoku khác nhau. Mỗi phần của website đều được điều chỉnh để tạo hứng thú cho người truy cập, giúp người xem thú vị hơn trong việc khám phá những món ăn đặc trưng tại mỗi điểm du lịch.
Đặc biệt, đội thiết kế chủ đề Trang web Umami Land thực sự sáng tạo trong việc đánh vào thị giác của người dùng. Bạn càng tìm kiếm, thế giới xung quanh bạn càng trở nên sống động. Điều này đã thực sự giúp thúc đẩy khách truy cập tiếp tục tìm kiếm và tận hưởng trải nghiệm trên trang web này.
Xem thêm: Thiết kế giao diện trong bối cảnh covid-19: Xu hướng nào lên ngôi?
Đội ngũ thiết kế giao diện website Umami Land chú trọng nhiều đến hình ảnh của người dùng
Đồng thời, khi xây dựng Umami Land, Google không chỉ muốn xây dựng niềm vui cho những người đói khát khám phá các lựa chọn ăn tối mà còn cho bất kỳ ai đang tìm kiếm một trò chơi web giải trí. Vì vậy, bên cạnh thiết kế chủ đề đẹp mắt, chúng cũng kết hợp âm thanh “a-ha” – âm thanh cổ điển trong trò chơi khi người dùng tiếp tục khám phá điều gì đó mới trên web. Ngoài ra, nhóm web đã thêm các yếu tố trông giống như phiên bản thực của trò chơi. Chúng bao gồm các bộ sưu tập đang chờ được mở khóa cũng như các thử thách phụ để tăng mức độ tương tác của người dùng.
Phong cách và công nghệ đằng sau trang web Umami Land
Để có được một trang web với giao diện đẹp Giống như Umami Land, cần có sự kết hợp chặt chẽ giữa thể loại minh họa 2D, các yếu tố hoạt hình 3D và triển khai đầy đủ các yếu tố này trong khung WebGL tùy chỉnh.
Trong quá trình xây dựng và thiết kế giao diện trang web, nhóm thiết kế web đã phải đối mặt với thách thức làm cho hình ảnh minh họa 2D tĩnh trở nên sống động. Và giải pháp là thêm các đối tượng 3D cách điệu, làm cho chúng liên kết với nhau, hoạt động cùng nhau và biến chúng thành một thế giới hoạt hình hấp dẫn.
Xem thêm: 7 Xu hướng màu sắc mới trong thiết kế giao diện web 2021
Umami Land có sự kết hợp giữa các yếu tố 2D và 3D
Thay vì phải tạo hoạt ảnh cho từng khung hình ở dạng 2D, họ đã chọn sử dụng các yếu tố 3D để có trải nghiệm người dùng tốt nhất và tải trang nhanh hơn. Ngoài ra, giải pháp thiết kế chủ đề Điều này cũng giúp người thiết kế website dễ dàng di chuyển, chỉnh sửa và thay đổi các phần tử trên trang web mà không cần phải vẽ lại từ đầu các phần tử này mỗi khi muốn thay đổi bất kỳ thứ gì trên trang web. .
Chia sẻ về dự án Umami Land, nhóm thiết kế web tiết lộ, để kết nối website với thế giới thực, họ phải tập trung vào việc tích hợp Google Search vào website một cách tự nhiên nhất. Qua đó nâng cao trải nghiệm người dùng và giúp họ có thêm cơ hội khám phá văn hóa ẩm thực Nhật Bản.
Xem thêm: Thiết kế giao diện đa ngành: Khi con người không còn là chủ thể
Kết hợp với Google Search, Umami Land mang đến cho người dùng những kiến thức bổ ích
Đối với giao diện người dùng, Vue.JS là giải pháp mà nhóm thiết kế chủ đề của Umami Land tuyển chọn. Họ đã tận dụng hoạt ảnh GSAP & Lottie để mang đến cho khách truy cập trải nghiệm web liền mạch nhất.
Về công nghệ đằng sau trang web Umami Land, họ quản lý tất cả nội dung của trang web thông qua Google Trang tính và API của họ. Umami Land hiện được lưu trữ trên Google App Engine để đảm bảo mọi thứ tải nhanh và có thể được cập nhật nhanh chóng.
Umami Land là một trang web với thiết kế chủ đề ý tưởng đẹp, độc đáo, trải nghiệm người dùng mượt mà. Vì vậy, không có gì khó hiểu khi website này đạt giải “Website của tháng” phải không nào? Bạn cũng có thể sở hữu một website chuyên nghiệp, độc đáo và phù hợp với lĩnh vực kinh doanh của mình nếu liên hệ với chúng tôi ỚT ngay lập tức. Hãy gọi cho chúng tôi!
