Overview

Landing page được thiết kế theo mô hình conversion funnel rõ ràng, dẫn dắt người dùng qua 4 bước chính:

  • Hero: thu hút & định vị cuộc thi

  • Thể lệ: cung cấp thông tin & giảm friction

  • Đăng ký: chuyển đổi

  • Chủ đề tham khảo: duy trì engagement & kích thích sáng tạo

---> Cách phân tách này giúp:

  • Giảm overload thông tin

  • Tối ưu hành vi cuộn (scroll behavior)

  • Tăng tỉ lệ hoàn thành đăng ký

SCREEN 1
Hero Landing (First Impression & Engagement)

Mục tiêu UX

  • Thu hút sự chú ý trong 3–5 giây đầu

  • Truyền tải concept “Incredible YOU”

  • Điều hướng nhanh đến hành động chính

Giải pháp UI/UX

  • Visual trọng tâm (Laptop + ánh sáng) tạo cảm giác
    công nghệ & sáng tạo

  • Dark theme giúp nổi bật nội dung và tăng contrast cho CTA

  • Typography phân cấp rõ:

    • Headline (branding)

    • Sub-headline (value)

    • Category (scan nhanh

SCREEN 2
Thể lệ & Quy trình (Clarity & Trust)

Mục tiêu UX

  • Giải đáp câu hỏi: “Tôi tham gia như thế nào?”

  • Giảm uncertainty → tăng khả năng đăng ký

Giải pháp UI/UX

  • Chia step dạng timeline (Bước 1–5) → dễ hiểu, dễ scan

  • Icon minh họa giúp giảm cognitive load

  • Scrollable panel giữ layout gọn gàng

SCREEN 3
Form Đăng ký

Mục tiêu UX

  • Tối đa hóa tỉ lệ hoàn thành form

  • Giảm friction & lỗi nhập liệu

Giải pháp UI/UX

  • Form 1 cột → dễ đọc, mobile-friendly

  • Toggle Cá nhân / Nhóm → cá nhân hóa luồng

  • Input fields theo thứ tự logic

(Conversion Focus)

SCREEN 4
Gallery / Tham khảo (Inspiration & Retention)

Mục tiêu UX

  • Tạo cảm hứng sáng tạo

  • Tăng thời gian onsite

  • Khuyến khích tham gia

Giải pháp UI/UX

  • Card layout + media preview → trực quan

  • Nội dung thật (real content) tăng độ tin cậy

  • CTA dẫn ngược về hành động (tham gia)

Tổng kết UX Strategy

  • Flow rõ ràng, đúng funnel conversion

  • Visual consistency (dark theme + tech feel)

  • Nội dung được chia thành từng block hợp lý

Cơ hội nâng cấp

  • Conversion-driven UX (giảm bước, tăng clarity)

  • Interactive experience (micro-interaction, feedback)

  • Personalization (theo category / user type)