Reverie Mới: Từ Phần Mềm Đến Nơi Ẩn Náu

Có điều gì đó đang làm phiền chúng tôi.

Reverie có những nhân vật tuyệt vời. Những cuộc trò chuyện ý nghĩa. Những tính năng mà người dùng thực sự yêu thích. Nhưng mỗi lần nhìn vào giao diện, chúng tôi thấy... phần mềm. Nút bấm, thẻ, danh sách, thanh điều hướng. Loại thiết kế sạch sẽ, chức năng mà bạn mong đợi từ một công cụ năng suất hoặc bảng điều khiển SaaS.

Đó không phải là những gì Reverie nên là.

Reverie là nơi trí tưởng tượng trở nên sống động. Nơi bạn gặp gỡ những nhân vật có cảm giác thật, bước vào những câu chuyện phản hồi bạn, khám phá những thế giới chỉ tồn tại cho trải nghiệm của bạn. Sản phẩm thì kỳ diệu. Giao diện thì tầm thường.

Vì vậy chúng tôi đã xây dựng lại mọi thứ.

Vấn Đề Với "Đủ Tốt"

Thiết kế cũ của chúng tôi không tệ. Nó chuyên nghiệp, nhất quán, dễ điều hướng. Nó tuân theo các phương pháp tốt nhất. Người dùng có thể tìm thấy những gì họ cần.

Nhưng "đủ tốt" là kẻ thù của "đáng nhớ".

Khi bạn sử dụng hầu hết các ứng dụng, bạn nhận thức được rằng bạn đang sử dụng một ứng dụng. Có một lớp tinh thần giữa bạn và trải nghiệm—giao diện liên tục nhắc nhở bạn rằng bạn là người dùng đang vận hành phần mềm. Nhấp vào nút này. Điều hướng đến trang đó. Hoàn thành luồng này.

Chúng tôi muốn lớp đó biến mất.

Những trải nghiệm giải trí tốt nhất không có cảm giác như sản phẩm. Khi bạn đắm chìm trong một bộ phim tuyệt vời, bạn quên rằng bạn đang nhìn vào màn hình. Khi bạn lạc vào một cuốn tiểu thuyết, những trang sách biến mất. Chúng tôi muốn Reverie có cảm giác tương tự—một nơi bạn bước vào, không phải một công cụ bạn sử dụng.

Điều Gì Đã Thay Đổi

Mọi trang chính được thiết kế lại xung quanh một nguyên tắc: nhân vật và câu chuyện trước, giao diện sau.

Trang Chủ: Phòng Trưng Bày Của Những Khả Năng

Trang chủ cũ có tính năng. Nhân vật nổi bật trong lưới. Danh mục để duyệt. Lời kêu gọi hành động rõ ràng.

Trang chủ mới là một trải nghiệm. Phòng trưng bày bốn cột hình ảnh nhân vật lấp đầy màn hình, tạo nên bức tranh khảm của những khả năng. Lớp phủ gradient và hiệu ứng phát sáng tỏa tròn tinh tế thu hút ánh mắt bạn đến trung tâm, nơi hộp tìm kiếm và thẻ truy cập nhanh mời gọi khám phá. Bên dưới, những câu chuyện nổi bật cuộn trong các thẻ điện ảnh 21:9—di chuột qua và chúng sống động với video.

Khoảnh khắc bạn mở Reverie, bạn không đang nhìn vào một trang web. Bạn đang nhìn vào những thế giới đang chờ được khám phá.

Đăng Nhập: Nơi Nhân Vật Chào Đón Bạn

Chúng tôi vứt bỏ biểu mẫu trống trên nền trắng. Bây giờ, khi bạn đăng nhập, bạn được chào đón bởi chính các nhân vật.

Trên máy tính để bàn, màn hình chia đôi: phía bên trái trở thành showcase nhân vật toàn màn hình—hình ảnh và video xoay vòng mỗi năm giây, với tên và tiểu sử nhân vật xuất hiện ở phía dưới. Biểu mẫu đăng nhập ở bên phải, nhưng sự chú ý của bạn bị thu hút bởi các nhân vật mời bạn vào.

Trên thiết bị di động, nhân vật mờ dần thành nền mềm phía sau biểu mẫu căn giữa, vẫn hiện diện, vẫn chào đón, nhưng không bao giờ cạnh tranh để thu hút sự chú ý.

Đó là một chạm nhẹ thay đổi mọi thứ. Đăng nhập không còn cảm giác như xác thực với một dịch vụ. Nó cảm giác như trở về nhà.

Trang Nhân Vật: Chân Dung, Không Phải Hồ Sơ

Các trang chi tiết nhân vật trông giống như hồ sơ—thông tin được tổ chức thành các phần, số liệu thống kê hiển thị trong các hộp, văn bản mô tả trong các đoạn văn.

Bây giờ chúng là những chân dung đắm chìm. Hình ảnh hoặc video nhân vật lấp đầy toàn bộ màn hình. Di chuột trên máy tính để bàn và hình ảnh trở nên rõ hơn, phóng to nhẹ như thể nhân vật đang bước tới để gặp bạn. Trên thiết bị di động, hình ảnh sắc nét theo mặc định—không cần hover.

Các nút hành động (đánh giá, yêu thích, chia sẻ) ẩn trong góc trên bên phải, có mặt nhưng kín đáo. Tên, tiểu sử và số liệu thống kê của nhân vật xuất hiện ở phía dưới, xếp chồng lên hình ảnh với typography cẩn thận. Các nút CTA lơ lửng ở trung tâm với ánh sáng tỏa tròn tinh tế, mời bạn bắt đầu cuộc trò chuyện.

Bạn không đang xem dữ liệu của nhân vật. Bạn đang gặp gỡ họ.

Trang Câu Chuyện: Bìa Điện Ảnh

Các câu chuyện bây giờ tự giới thiệu như poster phim. Hình ảnh bìa chiếm lĩnh viewport, với hiệu ứng hover-để-tiết-lộ độ rõ nét giống như các trang nhân vật. Các nút đánh giá và chia sẻ ngồi yên lặng trong góc.

Ở phía dưới, tiêu đề, mô tả, số liệu thống kê và thẻ của câu chuyện được sắp xếp có mục đích. Nút phát được tích hợp trực tiếp vào hero—không có phần riêng biệt, không có ngắt quãng hình ảnh. Mọi thứ đều chảy về một lời mời duy nhất: bước vào thế giới này.

Các tab bên dưới được tinh chỉnh với làm mờ nền và viền tinh tế, làm cho việc chuyển đổi từ hero sang nội dung mượt mà thay vì đột ngột.

Feed Khám Phá: Trải Nghiệm Được Tuyển Chọn

Bảng điều khiển cũ là một danh sách bạn cuộn qua. Feed khám phá mới là một trải nghiệm được tuyển chọn mà bạn khám phá.

Các câu chuyện nổi bật xuất hiện trong carousel ngang với tỷ lệ điện ảnh 21:9 tương tự. Video phát khi hover. Các hành động nhanh—Tiếp Tục Trò Chuyện, Tiếp Tục Câu Chuyện, Tạo Nhân Vật, Viết Câu Chuyện—nằm trong thanh viên thuốc gọn gàng, luôn có thể truy cập nhưng không bao giờ áp đảo.

Toàn bộ trải nghiệm khuyến khích khám phá thay vì tìm kiếm, lang thang thay vì săn lùng.

Trang Chiến Dịch: Sự Kiện Có Cảm Giác Đặc Biệt

Các trang chiến dịch bây giờ mở với các phần hero đắm chìm khiến mỗi sự kiện cảm giác như một dịp đặc biệt. Bộ đếm thời gian được tích hợp inline—không còn widget thanh bên làm gián đoạn luồng hình ảnh.

Hồ sơ người sáng tạo cũng được đối xử tương tự. Khi bạn truy cập trang của người sáng tạo, bạn được chào đón bởi header đắm chìm tôn vinh công việc của họ trước khi đi sâu vào chi tiết.

Triết Lý Đằng Sau

Chúng tôi lấy cảm hứng từ những nơi hiểu về sự đắm chìm:

Nền tảng streaming biết rằng nội dung nên tự bán mình bằng hình ảnh. Bạn duyệt bằng mắt trước khi đọc mô tả.

Visual novel hiểu rằng nhân vật cần bối cảnh. Thế giới xung quanh họ quan trọng như chính họ.

Trình khởi chạy game nhận ra rằng bước vào một trải nghiệm nên cảm giác như bước qua ngưỡng cửa. Giao diện thiết lập tâm trạng trước khi bất cứ điều gì bắt đầu.

Rạp chiếu phim tối đi để màn hình có thể tỏa sáng. Môi trường khuếch đại trải nghiệm.

Chúng tôi áp dụng những bài học này ở khắp nơi. Nhiều không gian hình ảnh hơn cho hình ảnh và video. Nền tối hơn, có không khí hơn. Lớp phủ gradient tạo chiều sâu mà không che giấu nội dung. Hiệu ứng hover làm cho hình ảnh tĩnh có cảm giác sống động. Typography tăng cường thay vì cạnh tranh.

Những Gì Chúng Tôi Giữ Lại

Thiết kế lại không có nghĩa là bắt đầu từ đầu. Một số thứ hoạt động hoàn hảo:

Rõ ràng trong điều hướng: Bạn vẫn có thể tìm mọi thứ dễ dàng. Chúng tôi không hy sinh khả năng sử dụng để lấy thẩm mỹ.
Phương pháp ưu tiên di động: Mọi thay đổi hoạt động tuyệt vời trên điện thoại. Di động nhận được hình ảnh rõ hơn theo mặc định, tương tác được tối ưu hóa, bố cục responsive.
Công cụ cho người sáng tạo: Tất cả chức năng mà người sáng tạo cần vẫn còn đó, chỉ được trình bày thanh lịch hơn.
Hiệu suất: Thiết kế mới thực sự nhanh hơn. Hình ảnh lớn hơn, nhưng tải thông minh hơn. Video chỉ phát khi cần thiết.

Những Chi Tiết Quan Trọng

Một số thay đổi bạn có thể không nhận ra có ý thức, nhưng bạn sẽ cảm nhận được:

Hình ảnh mở rộng ra ngoài container của chúng ở một số nơi, phá vỡ lưới để có cảm giác sống động hơn
Lớp phủ gradient thay đổi khi hover, tiết lộ nhiều hơn hình ảnh bên dưới
Video tự động phát khi hover, thêm chuyển động mà không cần nhấp chuột
Hiệu ứng phóng to làm cho các phần tử có cảm giác phản hồi với sự chú ý của bạn
Làm mờ nền trên các phần tử UI duy trì không khí trong khi đảm bảo khả năng đọc
Hiệu ứng phát sáng tỏa tròn thu hút ánh mắt bạn đến các hành động chính
Tỷ lệ khung hình 21:9 nhất quán cho các câu chuyện có cảm giác điện ảnh trên toàn nền tảng

Điều Này Có Nghĩa Gì Với Bạn

Nếu bạn là người dùng, Reverie bây giờ nên có cảm giác chào đón hơn. Giống như một nơi bạn muốn dành thời gian hơn, ít giống như một ứng dụng bạn vận hành. Các nhân vật và câu chuyện bạn yêu thích được trình bày theo cách chúng xứng đáng—không phải là các mục trong cơ sở dữ liệu, mà là những trải nghiệm đang chờ xảy ra.

Nếu bạn là người sáng tạo, công việc của bạn có được sân khấu tốt hơn. Nhân vật của bạn xuất hiện trong vinh quang toàn màn hình. Câu chuyện của bạn có được sự trình bày điện ảnh. Các công cụ bạn cần vẫn có thể truy cập, chỉ không còn cạnh tranh với nội dung của bạn để thu hút sự chú ý.

Đây Chỉ Là Khởi Đầu

Thiết kế lại này thiết lập một nền tảng mới. Một ngôn ngữ hình ảnh đặt trí tưởng tượng lên hàng đầu. Một triết lý giao diện ưu tiên sự đắm chìm hơn kiến trúc thông tin.

Chúng tôi sẽ tiếp tục xây dựng trên điều này. Nhiều trang hơn để tinh chỉnh. Nhiều khoảnh khắc hơn để đánh bóng. Nhiều cách hơn để làm cho Reverie có cảm giác ít giống phần mềm và giống nơi ẩn náu mà nó nên là.

Bởi vì cuối cùng, bạn không đến Reverie để sử dụng một sản phẩm. Bạn đến để trốn thoát, kết nối, tưởng tượng, cảm nhận.

Giao diện nên tránh sang một bên và để điều đó xảy ra.

Khám phá Reverie mới. Chúng tôi rất muốn nghe bạn nghĩ gì—chia sẻ suy nghĩ của bạn trên Discord của chúng tôi.