Zelt Web Design: How Cuberto Turned a Dry Management Tool into an Engaging Experience Work management tools usually struggle with displaying dense data in a clear, digestible way. To solve this for Zelt—an all-in-one HR, IT, and payroll platform built for startups—design agency Cuberto built a remarkably fresh web design system. The core idea blends practical clarity with tactile, real-world elements. A warm bone-white background (#F6F3EF) pairs effortlessly with deep charcoal tones (#2F2F2F). Right on the homepage, a cluster of glowing natural stone sits beneath a floating pill navigation bar, crisp hairline borders, and vibrant amber button accents. Dark-mode cards sit right next to light content blocks to create instant visual depth, proving that enterprise software can feel super dynamic and polished.
At the heart of this web design is a clean, sharp typographic hierarchy. Cuberto chose Noi Grotesk Medium for main headings to make a bold desktop impact, paired with Inter Regular for data-dense UI sections. Complex details like payroll data and hardware settings feel completely intuitive. Features sit inside flexible modular cards separated by delicate grid lines. On mobile, multi-column layouts fluidly collapse into a single stream, letting users seamlessly review team requests, manage GitHub permissions, or order MacBooks for new hires.
Beyond static layouts, the project comes alive through playful interactions and realistic motion design. The showcase features six short video loops capturing smooth page scrolling, pill button toggles, and fluid screen transitions. Ditching traditional flat icons, Cuberto crafted custom 3D isometric objects like spiral notebooks, copper coins, letter blocks, and miniature safes. Whimsical touches like team badge stickers make onboarding feel welcoming and lighthearted. Silky motion curves and springy toggle switches make powering through complex tasks feel effortless and clear.
Check out more project details on www.behance.net/gallery/176909627/Zelt-Website-Design.
Thiết Kế Web Cho Zelt: Cách Cuberto Biến Công Cụ Quản Lý Khô Khan Thành Trải Nghiệm Thú Vị
Các công cụ quản lý công việc thường gặp khó khăn trong việc trình bày lượng dữ liệu dày đặc một cách rõ ràng. Để giải quyết vấn đề này cho Zelt – nền tảng tích hợp nhân sự, IT và tính lương cho các startup, agency Cuberto đã xây dựng một hệ thống thiết kế web đầy tươi mới. Ý tưởng chủ đạo là kết hợp sự rõ ràng, thực dụng với những yếu tố mang cảm giác vật lý chân thật. Gam màu nền trắng xương ấm áp (#F6F3EF) hòa trộn cùng các bảng màu charcoal đậm (#2F2F2F). Ngay tại trang chủ, một cụm đá tự nhiên tỏa ánh sáng ấm áp kết hợp cùng thanh điều hướng dạng viên thuốc (pill navigation bar) lơ lửng, các đường kẻ hairline sắc nét và điểm nhấn nút bấm màu hổ phách. Các thẻ dark-mode nằm cạnh khối nội dung sáng màu giúp tạo chiều sâu ngay lập tức, chứng minh rằng công cụ doanh nghiệp vẫn có thể vô cùng sinh động và tinh tế.
Cốt lõi của thiết kế web này là một hệ thống typography gọn gàng. Cuberto đã chọn phông chữ Noi Grotesk Medium cho các tiêu đề chính để tạo điểm nhấn thị giác mạnh mẽ trên màn hình máy tính, đồng thời dùng Inter Regular cho các phần dữ liệu giao diện dày đặc. Những thông tin chi tiết như bảng lương hay cài đặt phần cứng được sắp xếp trực quan. Các tính năng được phân chia vào những thẻ mô-đun (modular cards) linh hoạt, ngăn cách bởi đường kẻ mỏng. Trên màn hình di động, bố cục nhiều cột sẽ tự động thu gọn thành một cột duy nhất. Người dùng có thể duyệt yêu cầu của nhóm, phân quyền tài khoản GitHub hay đặt mua MacBook cho nhân viên một cách vô cùng mượt mà.
Bên cạnh các màn hình tĩnh, dự án còn mang lại cảm giác sống động nhờ các chi tiết tương tác và hiệu ứng chuyển động chân thực. Dự án đi kèm 6 đoạn phim ngắn ghi lại nhịp cuộn trang, thao tác chuyển đổi nút bấm dạng viên thuốc và hiệu ứng chuyển cảnh linh hoạt. Thay vì dùng icon phẳng truyền thống, Cuberto tạo ra các vật thể 3D isometric tùy chỉnh như sổ gáy xoắn, đồng xu bằng đồng, khối đố chữ hay két an toàn. Những chi tiết nhỏ như sticker huy hiệu nhóm giúp quá trình làm quen giao diện mới trở nên nhẹ nhàng hơn. Các đường cong chuyển động mềm mại cùng nút toggles có độ đàn hồi giúp người dùng xử lý tác vụ phức tạp một cách nhanh chóng và rõ ràng.
Xem thêm chi tiết dự án từ www.behance.net/gallery/176909627/Zelt-Website-Design trên Behance.
