📚 Thư Viện Cũ

Hệ Sinh Thái Sách Cũ Thông Minh
Bộ Wireframe hoàn chỉnh cho đồ án Phát Triển Web Kinh Doanh — Mobile-First 390×844px, thiết kế cho người Việt, tích hợp AI + Gamification.
📱
20+
Màn hình wireframe
🎯
5
Tính năng đột phá
🔄
4
User Flow chính
🚀
100%
Mobile-First

🔥 5 Tính Năng Đột Phá

01

🎫 Passport Sách

Mỗi cuốn sách có lý lịch trọn đời: timeline chủ sở hữu, ghi chú kế thừa (marginalia), Quiz xác nhận đọc + huy hiệu.

02

📚 Tủ Sách 3D & Cây Tri Thức

Giá sách 3D theo thể loại. Cây Tri Thức mọc lá theo sách đã đọc. AI phát hiện "lỗ hổng" và gợi ý lấp đầy kệ.

03

🔄 Vòng Tròn Đọc

"Chuyến Tàu Sách" luân chuyển qua 5-10 người. Chat trong lề sách. Quiz chung cuối vòng. Slot registration.

04

🌙 Chợ Đêm Sách

Flash Sale 20h mỗi tối. Đấu Giá Ngược (Dutch Auction — giá giảm dần). Túi Mù Blind Box. Heat map real-time.

05

🤖 AI Môi Giới Sách

Tìm sách bằng giọng nói. "Bác Sĩ Sách" kê đơn theo tâm trạng. Tạo kệ ảo chỉ bằng một câu prompt.

📐 Bộ Wireframe

🗺️Information Architecture

Kiến Trúc Thông Tin

Site Map4 User FlowsMa trậnTech Stack

Cấu trúc toàn bộ ứng dụng, phân quyền vai trò (guest/buyer/seller/VIP), user flow 4 hành trình chính, ma trận tính năng × vai trò.

NavigationRolesFlows
Mở Wireframe →
🏠Trang Chủ Mobile

Trang Chủ — Discovery Feed

Main FeedQuick ActionsTab Bar

Feed cuộn vô hạn. Quick Actions (Scan/AI/Chợ Đêm). Banner đếm ngược Chợ Đêm. Book cards + nút "+" thêm giỏ trực tiếp.

Add-to-cartCountdownPassport
Mở Wireframe →
🎫Passport Sách (3 màn hình)

Passport Sách — Lý Lịch Trọn Đời

DetailScan QRViết Note

Timeline chủ sở hữu + ghi chú kế thừa (marginalia) + reactions + Quiz đọc + Camera scan QR/Barcode + Form viết note.

TimelineQuiz
Mở Wireframe →
📚Tủ Sách (3 màn hình)

Tủ Sách 3D & Cây Tri Thức

3D ShelfCây Tri ThứcPublic View

Profile + huy hiệu + giá sách 3D + AI gợi ý + Cây Tri Thức lá màu + Bảng xếp hạng + Public profile.

3DAI
Mở Wireframe →
🔄🌙Vòng Tròn + Chợ Đêm (5 màn hình)

Vòng Tròn Đọc & Chợ Đêm Sách

CirclesTrainChatFlashAuction

Vòng Tròn: Train Journey + Chat. Chợ Đêm: Flash Sale 20h + Dutch Auction + Túi Mù + Heat Map.

FlashAuction
Mở Wireframe →
🤖AI Môi Giới (3 màn hình)

AI Chatbot — Giọng Nói & Kê Đơn

Voice ChatBác Sĩ SáchPrompt→Kệ

Voice-to-text query + gợi ý sách dạng card + "Bác Sĩ Sách" kê đơn 3 cuốn + Tạo kệ sách bằng prompt tự nhiên.

VoiceDoctorPrompt
Mở Wireframe →
🛒Cart & Checkout (4 màn hình)

Giỏ Hàng & Thanh Toán

CartCheckoutHistorySuccess

Inline attribute change + Mua/Swap + Guest checkout (SĐT) + Lịch sử + Mua lại 1-click + Bán lại sách.

Inline attrGuest1-click
Mở Wireframe →

✅ Yêu Cầu UX Đã Đáp Ứng

Không cần login để checkout — chỉ SĐT + địa chỉ
Thêm giỏ từ trang chủ — nút "+" trên mỗi book card
Thay đổi thuộc tính trong cart — tình trạng, bìa, Mua/Swap
Lịch sử mua hàng + Mua lại 1-click
Bán lại sách đã mua — từ order history
Scan barcode — đăng sách trong 3 giây