Homedy: một giao diện chung cho mọi màn hình

Trước khi vẽ bất cứ nét nào, Sinh Vũ hỏi Homedy một câu cần trả lời trước mọi câu khác: Homedy muốn người mua nhà nghĩ về mình như thế nào. Việc này gọi là định vị thương hiệu. Đây là phần dễ bị bỏ qua nhất nhưng quan trọng nhất. Mua nhà là quyết định lớn và nhiều lo lắng: sợ chọn sai, sợ bị dẫn dắt, sợ số tiền tích cóp cả đời bị đặt nhầm chỗ. Với người đang lo như vậy, nền tảng không thể nói chuyện bằng giọng của một trang rao vặt.

Sinh Vũ chọn cho Homedy vị thế ấm áp: nơi giúp người ta tìm được căn nhà hạnh phúc, đơn giản và đáng tin, thay vì một chợ tin đăng lạnh lùng. Chiến lược ở đây đóng vai trò một thước đo cho mọi quyết định sau đó. Mỗi lần phân vân giữa hai thiết kế, hai cách viết một dòng thông báo hay hai sắc màu, Sinh Vũ quay lại hỏi: cái nào phục vụ vị thế ấm áp ấy tốt hơn.

Định vị đúng giúp cả dự án đỡ tốn kém. Khi hướng đi đã rõ, mọi quyết định bám theo đó, không phải làm thử rồi làm lại. Đây là chỗ chiến lược mang lại giá trị lớn nhất: nó tránh được nhiều vòng thử và sửa tốn kém trước khi chúng xảy ra.

Lần gặp đầu tiên với người đang lo lắng phải làm một việc trước hết: trấn an. Vì vậy khi dựng hệ nhận diện, Sinh Vũ chọn hình quen thuộc để tạo tin cậy, thay vì hình lạ để gây chú ý. Homedy được rút về hai hình ai cũng hiểu ngay, một mái nhà và một trái tim, ghép thành một biểu tượng logo duy nhất. Mái nhà nói về nơi ở, trái tim nói về hạnh phúc. Hai điều đó là lời hứa của Homedy, gói trong một hình.

Hệ nhận diện là bộ hình ảnh, màu sắc và kiểu chữ giúp thương hiệu được nhận ra, kể cả khi không thấy logo. Sinh Vũ xây quanh biểu tượng này một hệ thống đầy đủ: sắc đỏ ấm làm màu chủ đạo, gợi cảm giác nhiệt thành; bộ kiểu chữ dễ đọc trên mọi cỡ màn hình; quy tắc về khoảng trống tối thiểu quanh logo, tỷ lệ và cách đặt logo trên nền sáng lẫn nền tối. Trên nền tảng số, logo phần lớn thời gian xuất hiện ở cỡ rất nhỏ. Vì vậy Sinh Vũ thử logo ở cỡ nhỏ nhất, là biểu tượng ứng dụng trên điện thoại, để chắc rằng vẫn nhận ra ngay và không rối.

Giá trị của một bộ nhận diện thể hiện ở ngoài đời thật, ít khi ở trang thuyết trình. Khi một người mở Homedy lần đầu, chưa đọc chữ nào về công ty, biểu tượng ấm áp và bảng màu chỉn chu đã cho họ cảm giác đây là nơi tử tế, đáng tin. Đó là việc thật của nhận diện: giúp lòng tin đến sớm hơn cả lời giới thiệu.

Một thương hiệu có hình ảnh ấm áp mà lời lẽ lạnh lùng thì hình và lời không khớp nhau. Người dùng cảm thấy sự lệch ấy dù không gọi tên được. Vì vậy, sau khi Homedy có hình ảnh, Sinh Vũ xây dựng giọng thương hiệu, tức cách thương hiệu nói chuyện với người dùng. Đây là phần khó thấy nhất và dễ bị buông lơi nhất. Chữ thường do nhiều người viết vội, mỗi người một giọng, đến lúc thương hiệu nghe như mười người cùng nói trong một phòng.

Sinh Vũ đặt một nguyên tắc gốc: luôn lấy con người và căn nhà hạnh phúc làm trung tâm, thay vì dùng thuật ngữ bất động sản khô khan. Dòng nhắc trên ứng dụng viết như lời người bạn chu đáo đứng cạnh, tránh giọng điều khoản khô cứng. Từ đó, Sinh Vũ dựng bộ nguyên tắc về ngôn ngữ gồm bốn phần. Một là từ nên dùng và nên tránh. Hai là cách xưng hô. Ba là cách báo lỗi sao cho người dùng không thấy mình vụng về. Bốn là cách gọi tên tính năng để người chưa quen bất động sản vẫn hiểu. Bộ nguyên tắc này giúp hàng trăm người viết vẫn nghe như một người nói.

Nhờ vậy, dù đội ngũ Homedy thay đổi, người viết hôm nay khác người viết năm sau, giọng Homedy vẫn nhất quán. Người dùng gặp lại cùng một sự tử tế ở màn hình chào, ở thư xác nhận, ở tin nhắn nhắc lịch xem nhà. Cảm giác thân thuộc đến từ việc giọng nói ấy lặp lại đều đặn theo thời gian, nhiều hơn là từ một câu khẩu hiệu hay.

Đây là quyết định quan trọng nhất của dự án: Sinh Vũ từ chối làm ứng dụng và web như hai sản phẩm riêng, thay vì chỉ làm cho từng màn hình đẹp hơn. Cách làm quen thuộc là mỗi nền tảng một đội. Mỗi đội dựng giao diện theo cách hiểu riêng, nên ba phiên bản iOS, Android và web của cùng một Homedy ngày càng khác nhau. Sinh Vũ chọn hướng ngược lại: dựng một hệ thiết kế số dùng chung, gồm bộ quy tắc và kho thành phần giao diện, để iOS, Android và web cùng xuất phát từ một nền chung.

Hệ thiết kế là bộ quy tắc để mọi màn hình cùng được dựng từ một nền chung. Sinh Vũ định nghĩa các thành phần dùng lại được, từ nút bấm, ô nhập, thẻ tin đăng đến bộ lọc tìm kiếm. Mỗi thành phần có quy tắc rõ về màu, khoảng cách, trạng thái và cách hoạt động. Sinh Vũ cũng đặt tên cho các token nền tảng (những giá trị thiết kế được đặt tên sẵn, như màu, cỡ chữ và khoảng cách). Nhờ đó, khi thương hiệu chỉnh một sắc đỏ ở nền chung, cả ba màn hình cùng đổi theo, không phải sửa tay từng nơi. Nền tảng có hàng nghìn tin đăng hiển thị giống nhau, nên sự đồng nhất ở cấp thành phần giữ trải nghiệm gọn gàng khi quy mô lớn.

Giá trị của quyết định này thể hiện rõ nhất trong công việc hằng ngày của đội sản phẩm. Mỗi khi Homedy thêm một tính năng, đội dựng nó một lần từ các thành phần có sẵn, và nó hiện ra đồng nhất ở cả ba nơi cùng lúc. Trước đây việc này phải làm ba lần, lệch ba lần, rồi sửa ba lần cho khớp. Nay chỉ còn một lần. Hệ thiết kế dùng chung giúp đội sản phẩm tiết kiệm thời gian cho mỗi lần mở rộng.

Bất động sản có một nhóm người dùng mà nhiều nền tảng số hay quên: người mua nhà lần đầu, thường lớn tuổi, ngại công nghệ. Với họ, giao diện khó hiểu là lý do đủ để bỏ đi. Homedy không thể chỉ phục vụ người trẻ rành ứng dụng. Vì vậy khi dựng website, Sinh Vũ lấy người dùng dè dặt nhất làm thước đo. Sản phẩm dễ dùng với người khó tính nhất thì tự khắc dễ dùng với mọi người còn lại.

Website Homedy được thiết kế để một người chưa từng dùng nền tảng nhà đất nào vẫn tự tìm được, lọc được và liên hệ được với người môi giới mà không cần ai chỉ dẫn. Sinh Vũ giữ chữ đủ lớn để đọc thoải mái, số bước đủ ít để không ai bị lạc. Những hành động quan trọng nhất, như xem chi tiết một căn nhà hay liên hệ môi giới, được đặt đúng vị trí người dùng thường nhìn và bấm. Website là nơi nhiều người gặp Homedy đầu tiên. Nó mang cùng bộ nhận diện và giọng nói đã dựng ở các phần trước, để lời hứa tử tế có mặt trong từng thao tác, không chỉ trên logo.

Với một sản phẩm như thế này, dễ dùng cũng là cách thể hiện sự tử tế với người dùng. Khi một người lớn tuổi tự tìm được căn nhà vừa túi tiền và tự gọi được cho người môi giới, không cần nhờ con cháu làm hộ, thiết kế đã làm đúng việc của nó. Họ giữ được cảm giác tự quyết, đúng lúc họ cần được tôn trọng nhất.

Thương hiệu chỉ đáng tin khi giữ được một giọng ở mọi nơi. Người ta có thể gặp Homedy lần đầu trên một biển quảng cáo ngoài trời, lần sau trên ứng dụng, rồi cầm tấm danh thiếp của một người môi giới. Cả ba lần đều phải thấy đúng một Homedy. Đây là phép thử cuối cùng của mọi hệ nhận diện: nó có dùng được ngoài màn hình thiết kế, trên những vật thật do những người khác nhau làm ra ở những nơi khác nhau hay không.

Sinh Vũ đưa bộ nhận diện áp dụng vào mọi nơi ngoài sản phẩm số: biển hiệu, quảng cáo ngoài trời, ấn phẩm giới thiệu, đồng phục, vật phẩm và mạng xã hội. Ở mỗi nơi đều là cùng một sắc đỏ ấm, cùng biểu tượng mái nhà ôm trái tim, cùng một giọng nói. Để sự nhất quán tự giữ được mà không cần người thiết kế đứng cạnh, Sinh Vũ bàn giao kèm quy tắc rõ về cách dùng logo, màu và chữ. Nhờ đó, đội ngũ Homedy tự áp dụng đúng chuẩn khi mở rộng.

Nhờ vậy, dù người dùng gặp Homedy ở những lúc và những nơi khác nhau, thương hiệu vẫn giữ nguyên hình ảnh. Gặp Homedy trên điện thoại rồi cầm tấm danh thiếp của một người môi giới, người ta vẫn thấy đúng thương hiệu ấy. Mỗi lần trùng khớp như vậy làm lòng tin dày thêm một chút. Sự nhất quán được giữ đủ lâu ở đủ nhiều nơi khách nhìn thấy thương hiệu sẽ trở thành một tài sản của doanh nghiệp.