ux ui

  • Otozen Mobile App: Designing a High-Contrast UI/UX for Safe Driving

    Otozen Mobile App: Designing a High-Contrast UI/UX for Safe Driving

    The interface of the Otozen mobile app is beautifully crafted, keeping drivers focused on the road through an incredibly smart information architecture. A modular grid system is used to its full potential, keeping the UI super clean and geometrically precise. This intentional layout cuts out the digital noise, putting driver safety front and center. High-contrast…

  • The Unexpected Origin and Symbolism of the Mountain Peak Image Placeholder

    The Unexpected Origin and Symbolism of the Mountain Peak Image Placeholder

    Ever been browsing the web and ran into that lonely little box with two mountain peaks because an image failed to load or is taking its sweet time? It is the universal placeholder icon for a missing image. But ever wonder how this specific double-mountain design became the absolute gold standard across the entire digital…

  • Intelly Mobile Healthcare App UI with Modern Modular System

    Intelly Mobile Healthcare App UI with Modern Modular System

    Intelly’s in-house design team just dropped a super slick, modular design system for a healthcare mobile app. The interface absolutely shines thanks to a brilliant color palette: a deep, medical-vibe navy background paired with soothing mint green action cards and slate gray borders. This gorgeous contrast makes the entire UI pop beautifully on any smartphone…

  • Zara Mobile App UI/UX Redesign by Afra M I: Solving Checkout Friction

    Zara Mobile App UI/UX Redesign by Afra M I: Solving Checkout Friction

    The Zara shopping app is a staple for fashion lovers everywhere, but let’s be real—browsing it can sometimes feel a bit clunky. To tackle these little headaches, designer Afra M I came up with a brilliant mobile UI/UX redesign aimed at smoothing out those bumps, especially during checkout.

  • Hệ thống lưới layout tương tác cho trang chủ từ Amin Ankward

    Hệ thống lưới layout tương tác cho trang chủ từ Amin Ankward

    Hệ thống lưới (layout grid) trong thiết kế tương tác trang chủ của Amin Ankward sở hữu cấu trúc chữ (typography) đương đại cực kỳ chuẩn chỉnh. Trang web được neo chặt vào một hệ thống lưới nghiêm ngặt, giúp giao diện co giãn mượt mà trên mọi loại màn hình. Cấu trúc này tạo…

  • Bộ thiết kế icon Rams System Icons lấy cảm hứng từ Dieter Rams của Lu Yan và Zhiyi Zhang

    Bộ thiết kế icon Rams System Icons lấy cảm hứng từ Dieter Rams của Lu Yan và Zhiyi Zhang

    Rams System Icons vừa ra mắt một bộ icon theo phong cách skeuomorphic (mô phỏng tả thực) mang đậm hơi thở thiết kế công nghiệp. Đây là sự kết hợp đầy ăn ý giữa phần cứng lấy cảm hứng từ thương hiệu Braun do Lu Yan và Zhiyi Zhang thực hiện. Hai nhà thiết kế…

  • 5 bí kíp dùng AI làm trợ lý thiết kế cực chuẩn từ Mobbin

    5 bí kíp dùng AI làm trợ lý thiết kế cực chuẩn từ Mobbin

    Nếu dạo quanh các diễn đàn thiết kế dạo gần đây, vòng lặp quen thuộc thường thấy là: một người đăng sản phẩm UI do AI tạo ra, một nửa chê bai là hàng kém chất lượng, nửa còn lại lo lắng liệu AI có cướp mất việc của designer hay không. Thực tế, rất…

  • Khi AI Search Của Google Lên Ngôi: Giao Diện Website Doanh Nghiệp Cần Thay Đổi Ra Sao?

    Khi AI Search Của Google Lên Ngôi: Giao Diện Website Doanh Nghiệp Cần Thay Đổi Ra Sao?

    Các công cụ AI agent của Google không còn nằm trên bản demo nữa rồi. Kể từ tháng 6, tính năng này đã chính thức cho người dùng trả phí, đánh dấu đợt cải tiến giao diện lớn nhất trong vòng một phần tư thế kỷ qua của ông lớn công nghệ này. Robby Stein,…

  • Casberry India và bộ mô phỏng hạt 3D thế hệ mới trên WebGL

    Casberry India và bộ mô phỏng hạt 3D thế hệ mới trên WebGL

    Studio công nghệ sáng tạo Casberry India vừa cho ra mắt một bộ mô phỏng hạt 3D hoạt động mượt mà trên môi trường WebGL, kết hợp công nghệ vật lý thời gian thực (real-time physics) cực kỳ ấn tượng. Đội ngũ sáng tạo đã xây dựng một hệ thống module tạo lập (modular generative…

  • Giao diện SaaS Dashboard Draag từ Iconiq Designers: Tối ưu hóa không gian làm việc hiệu quả

    Giao diện SaaS Dashboard Draag từ Iconiq Designers: Tối ưu hóa không gian làm việc hiệu quả

    Bản thiết kế UI/UX cho dashboard SaaS này đến từ đội ngũ Iconiq Designers, giúp tối ưu hóa những quy trình làm việc phức tạp nhờ vào giao diện dark mode cực đỉnh. Dự án này giúp việc quản lý đội ngũ và theo dõi ứng viên trở nên đơn giản hơn bao giờ hết.…

  • Bản redesign LinkedIn cực chất từ Vlad Sosnenko: Khi mạng xã hội chuyên nghiệp trở nên tối giản và trực quan

    Bản redesign LinkedIn cực chất từ Vlad Sosnenko: Khi mạng xã hội chuyên nghiệp trở nên tối giản và trực quan

    Mạng xã hội việc làm vốn nổi tiếng với giao diện phức tạp nay đã được đơn giản hóa một cách vô cùng gọn gàng qua bàn tay của Vlad Sosnenko. Bản layout dashboard UI/UX này tập trung vào cấu trúc hình học sạch sẽ, tận dụng triệt để hệ thống lưới modular grid nghiêm…

  • Web 3D sáng tạo của Artur Ardvenev

    Web 3D sáng tạo của Artur Ardvenev

    Dự án tái định hình giao diện website cho agency Locomotive của Artur Ardvenev thực sự mang đến một góc nhìn mới mẻ về không gian số. Bằng cách đưa các khối hình học 3D (volumetric objects) làm tiêu điểm, bố cục trang web không chỉ có chiều sâu mà còn khéo léo điều hướng…

  • Layout web Em. do Lundgren+Lindqvist thiết kế

    Layout web Em. do Lundgren+Lindqvist thiết kế

    Studio Lundgren+Lindqvist vừa cho ra mắt một layout giao diện UI/UX web dashboard cực kỳ tinh tế, đề cao tính mô-đun trong cấu trúc cấu thành. Hệ thống lưới (grid system) được áp dụng một cách chặt chẽ để sắp xếp toàn bộ các yếu tố chữ nghĩa. Mỗi phần của trang web đều có…

  • Thư viện UI siêu mượt từ Animmaster

    Thư viện UI siêu mượt từ Animmaster

    Mới đây, Animmaster Studio vừa trình làng bộ thư viện Animmaster Lib cực kỳ xịn sò với 300 component PRO được thiết kế chuyển động một cách chiến thuật, kết hợp mượt mà giữa WebGL và GSAP. Các lập trình viên frontend tại Animmaster Studio đã tạo ra một giao diện mang phong cách tương…

  • Taste Skill giúp thiết kế AI đẹp

    Taste Skill giúp thiết kế AI đẹp

    Taste Skill là một framework frontend giúp các công cụ lập trình AI tạo ra những giao diện website cao cấp với tư duy thiết kế bài bản hơn. Được phát triển bởi nhà thiết kế Leon Lin, bộ công cụ mã nguồn mở này mang đến sự kỷ luật cho thiết kế AI trong…

  • Portfolio MIUX Studio Huy Phan

    Portfolio MIUX Studio Huy Phan

    Chiêm ngưỡng chiếc portfolio kỹ thuật số cực xịn sò từ Huy Phan dành cho MIUX Studio. Điểm nhấn đầu tiên chính là hệ thống grid chia không gian màn hình cực kỳ khoa học, giúp bố cục luôn ổn định trên mọi thiết bị. Những khối typography đậm nét được đặt lệch tâm, tạo…

  • Anime.js và hành trình 10 năm

    Anime.js và hành trình 10 năm

    Thư viện hoạt ảnh này bắt đầu hành trình từ năm 2016 như một công cụ nhỏ gọn nhưng cực kỳ đắc lực cho dân lập trình. Julian Garnier đã tạo ra nó với mục tiêu đơn giản hóa các chuyển động phức tạp ngay trên trình duyệt. Sau một thập kỷ, dự án này…

  • Giao diện web Plant Atelier: Khi sự tối giản tôn vinh vẻ đẹp thiên nhiên

    Giao diện web Plant Atelier: Khi sự tối giản tôn vinh vẻ đẹp thiên nhiên

    Ayna Kravetskaya đã mang đến một làn gió mới cho thiết kế web thương mại điện tử thông qua dự án Plant Atelier. Toàn bộ giao diện là sự kết hợp hoàn hảo giữa hệ thống lưới (grid) sạch sẽ và cách sắp xếp chữ (typography) cực kỳ khoa học. Tác giả đã xây dựng…

  • Trải nghiệm web tương tác sống động cùng CIAO Kombucha của Squeezie

    Trải nghiệm web tương tác sống động cùng CIAO Kombucha của Squeezie

    CIAO Kombucha là sản phẩm “debut” của Squeezie, influencer đình đám nhất nước Pháp. Thách thức lớn nhất của dự án này là tạo ra một trang web ra mắt thật bùng nổ và đậm chất trải nghiệm, nơi sự vui nhộn hòa quyện cùng các yếu tố cung cấp thông tin để giới thiệu…