Vào tháng 2 năm 2021, trang web Umami Land của Google đã vinh dự giành được 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 Chili xem những ý tưởng sáng tạo của Google 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 hấp dẫn của văn hóa ẩm thực Nhật Bản, Google đã nhanh chóng xây dựng một trang web có tên là washoku.
Trước đây, Google đã đặt mục tiêu thu hút nhiều du khách đến Nhật Bản hơn nhờ 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 ra Umami Land – nơi để du khách có thể trải nghiệm nhiều món ăn Nhật Bản 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 đầy nghệ thuật. Người dùng có thể truy cập từ khắp nơi trên thế giới để 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.
Giành giải thưởng “Trang web của tháng”, Umami Land không chỉ ghi điểm bởi 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, đồng thời 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 hoàn thiện và trọn vẹn nhất, nhóm thiết kế web đã bắt đầu với bản nháp 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 tế cũng như triết lý đằng sau nó. sau mỗi món ăn. Sau đó, họ bắt đầu nhận ra nghiên cứu của mình bằng cách chuyển từng lựa chọn thực phẩm vào một khu vực khác nhau của công viên “ảo” thông qua hình ảnh trang web 2D và 3D.
Các cảnh quan được lấy cảm hứng từ thực phẩm với các tòa nhà và kiến trúc được thiết kế đẹp mắt để giới thiệu các món ăn washoku khác nhau. Mỗi phần của trang web đều được điều chỉnh để tạo sự thích thú cho du khách, giúp du khách thích thú hơn khi khám phá những món ăn đặc trưng của mỗi địa điểm du lịch.
Đặc biệt, đội thiết kế chủ đề Trang web của Umami Land thực sự sáng tạo trong việc đánh vào mặt trực quan 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 hơn. Đ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 theo bối cảnh covid-19: Xu hướng nào đang lên ngôi?
Đội ngũ thiết kế giao diện website của Umami Land tập trung nhiều vào hình ảnh của người dùng
Đồng thời, khi xây dựng Umami Land, Google muốn xây dựng không chỉ niềm vui cho những người khao khát khám phá các lựa chọn bữa tối mà còn cho bất kỳ ai đang tìm kiếm một trò chơi trên 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” – 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, đội ngũ web đã thêm các yếu tố trông giống như một 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ách thức 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 một khuôn khổ 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à đưa các hình ảnh minh họa 2D tĩnh vào cuộc sống. Và giải pháp là thêm các vật thể 3D cách điệu, làm cho chúng liên kết với nhau, phối hợp với 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 có thể dễ dàng di chuyển, chỉnh sửa và thay đổi các phần tử trên 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 cứ 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 tích hợp Google Search vào website một cách tự nhiên nhất. Từ đó 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 Tìm kiếm, 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 đã 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 web Umami Land, họ quản lý tất cả nội dung của trang web thông qua Google Sheets 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 chóng và có thể được cập nhật nhanh chóng.
Umami Land là một trang web với thiết kế chủ đề đẹp, ý tưởng độc đáo, trải nghiệm người dùng mượt mà. Vì vậy, không khó hiểu khi website này đã vinh dự đạt giải “Website của tháng” phải không các bạn? Bạn cũng có thể sở hữu một website chuyên nghiệp, độc đáo và phù hợp với doanh nghiệp của mình nếu liên hệ với chúng tôi CHILI bây giờ. Hãy gọi cho chúng tôi!
