dose: Sungsik Kim’s Milligram-Accurate Caffeine Tracker Grabbing a daily cup of coffee is effortless, but keeping precise tabs on exact caffeine intake is a whole different ballgame. Designer Sungsik Kim elevates this daily ritual into a precision science with the UI/UX design for “dose”. Instead of offering basic choices like standard coffee or decaf, the app treats daily caffeine intake as a customized personal dosage that deserves precise measurement.
The palette leans into sleek black and soft off-white to keep things easy on the eyes, punctuated by vibrant orange-red accents for crucial metrics and alerts. Driven by an “Engineering Caffeine” concept, the visual design strikes a sweet spot between approachable aesthetic appeal and medical-grade precision. Generous whitespace and fine divider lines organize the daily log, letting users effortlessly scan active caffeine levels without feeling overwhelmed.
The home screen makes a bold impression with a real-time blood caffeine tracker, charting caffeine decay throughout the day with smooth, fluid curves. A custom design token system featuring a dot-matrix pattern paired with tight baseline grid alignment keeps every data card and figure crisp, organized, and readable in a matter of seconds.
Even cooler, the app connects directly to smart espresso machines to beam brew recipes straight to the hardware. As the coffee brews, a circular logo animation spins and fills up on screen, symbolizing body rhythms alongside the flowing liquid. This seamless continuity—spanning the mobile UI, the machine’s tactile interface, and matte-finish drinkware—transforms intricate health metrics into a calming, enjoyable coffee ritual.
Check out the full project by Sungsik Kim on www.behance.net/gallery/252037703/dose.
dose: App theo dõi caffeine chuẩn xác từng miligram của Sungsik Kim
Uống cà phê mỗi ngày thì dễ, nhưng kiểm soát chính xác lượng caffeine vào cơ thể lại là một câu chuyện hoàn toàn khác. Designer Sungsik Kim đã nâng tầm trải nghiệm này thành một quy trình chuẩn xác với dự án UI/UX dành cho ứng dụng “dose”. Thay vì chỉ cung cấp vài lựa chọn cơ bản như cà phê thường hay decaf, ứng dụng coi lượng caffeine nạp vào hàng ngày như một liều lượng cá nhân cần được đo đạc chuẩn chỉnh.
Giao diện của dose chọn tone màu đen và trắng ngà làm chủ đạo để tạo cảm giác dịu mắt, điểm xuyết thêm sắc cam-đỏ rực rỡ cho các chỉ số quan trọng và cảnh báo. Với định hướng “Engineering Caffeine”, phong cách thị giác của ứng dụng vừa giữ được sự gần gũi, vừa đảm bảo độ chính xác y khoa. Những khoảng trắng thoáng đãng cùng các đường viền mảnh chia nhỏ nhật ký theo ngày giúp người dùng dễ dàng theo dõi mức caffeine đang hoạt động mà không cảm thấy mệt mỏi hay rối mắt.
Màn hình chính gây ấn tượng với biểu đồ theo dõi lượng caffeine trong máu theo thời gian thực, hiển thị độ phân rã của caffeine suốt cả ngày bằng những đường cong mượt mà. Hệ thống design token dựa trên họa tiết ma trận chấm tròn (dot-matrix) kết hợp cùng căn chỉnh lưới (baseline grid) chặt chẽ, giúp các con số và thẻ dữ liệu trở nên ngăn nắp, đọc vị nhanh chóng chỉ trong vài giây.
Đặc biệt, ứng dụng còn có khả năng kết nối trực tiếp với máy pha cà phê thông minh để gửi công thức pha chế thẳng tới phần cứng. Trong quá trình pha, biểu tượng logo hình tròn trên màn hình sẽ xoay và lấp đầy dần, tượng trưng cho cả chu kỳ cơ thể lẫn những giọt cà phê đang chảy. Sự đồng bộ từ giao diện ứng dụng đến bề mặt máy pha và ly tách màu matte tạo nên một trải nghiệm liền mạch, biến dữ liệu sức khỏe phức tạp thành thói quen thưởng thức cà phê đầy thư thái.
Xem trọn vẹn dự án của Sungsik Kim tại www.behance.net/gallery/252037703/dose.
