Giải thích dịch vụ ngay từ đầu.
Phần mở đầu giới thiệu dịch vụ. Bản đề xuất giả định thể hiện công việc tư vấn cụ thể trước khi khách khám phá ba nhóm chuyên môn.
Concept tự thực hiện / 01
Northstar.
Chuyên môn, rõ ràng hơn.
Concept website cho một đơn vị tư vấn giả định. Thử nghiệm cách dùng nội dung, chữ và điều hướng để một dịch vụ trừu tượng trở nên dễ hiểu hơn.
Xem demo concept ↗
Vai tròĐịnh hướng, UX/UI, lập trình
Hình thứcConcept một trang thích ứng
Thực hiện bằngHTML · CSS · JavaScript
01 / Đề bài giả định
Doanh nghiệp tư vấn
thực sự làm gì?
Northstar được hình dung là đơn vị hoạt động ở ba mảng: chiến lược kinh doanh, định vị thương hiệu và định hướng số. Đề bài: giải thích dịch vụ, cách bắt đầu hợp tác và đường dẫn liên hệ dễ tìm.
Trang được thiết kế cho ai
Nhà sáng lập và người điều hành đang cân nhắc dịch vụ mới, thay đổi định vị hoặc cải thiện hiện diện trực tuyến. Đây là giả định thiết kế, không phải kết quả phỏng vấn khách hàng.
Không có website khách hàng cũ được cung cấp. Không tạo bản “trước”, lời chứng thực hoặc so sánh doanh thu giả.
02 / Quyết định thiết kế
Mỗi lựa chọn
đều có lý do.
Dành không gian cho nội dung.
Cảnh núi rộng, bảng màu xanh băng và xanh đá, cùng tiêu đề có chân tạo cảm giác về một góc nhìn rõ ràng. Hình ảnh là tài nguyên concept nguyên bản tạo bằng AI, không phải ảnh địa điểm của khách hàng.
Giữ bước tiếp theo dễ tìm.
Liên kết chuyên môn và cách làm dẫn đến các phần nội dung cụ thể. Mục liên hệ ghi rõ đây là demo, đưa yêu cầu thiết kế website đến LTK Atelier, không phải đội ngũ tư vấn giả định.
03 / Nội dung trước trang trí
Từ quan tâm
đến thấu hiểu.
Demo hoạt động trên một trang. Đây là các phần thực tế, không phải tuyên bố đã bàn giao website sáu trang cho khách.
- 01
Góc nhìn & câu hỏi
Cảnh núi phản hồi theo con trỏ. Phần tiếp theo nêu vấn đề: nhiều lựa chọn chưa chắc tạo ra định hướng.
- 02
Lập bản đồ quyết định
Bản đề xuất giả định so sánh ba hướng và thể hiện cụ thể một định hướng đề xuất gồm những gì.
- 03
Khám phá chuyên môn
Dải nội dung kết nối chiến lược kinh doanh, định vị và định hướng số. Trên mobile, khách có thể vuốt ngang.
- 04
Cách làm & đỉnh núi
Quy trình cô đọng dẫn đến cảnh đỉnh núi điều khiển bằng thao tác cuộn. Đường đi dần hiện ra theo hành trình.
- 05
Bước tiếp theo thực tế
Phần cuối ghi rõ đây là concept và dẫn về LTK Atelier để trao đổi dự án website thật.
04 / Một hệ thống, nhiều màn hình
Để đọc dễ dàng.
Không chỉ thu nhỏ.
Trên màn hình nhỏ, lưới bố cục chuyển thành một cột. Điều hướng có hàng riêng, chữ vẫn dễ đọc và liên kết đủ chỗ để chạm. Demo không dùng trình phát video hay framework giao diện.
Thử demo thích ứng ↗
05 / Kết quả của concept
Website hoạt động.
Phạm vi minh bạch.
- Đề bài giả định và cấu trúc nội dung
- Định hướng hình ảnh và hệ thống trang thích ứng
- Demo giao diện với điều hướng hoạt động
- Ví dụ triển khai trên desktop và mobile
Concept không có phỏng vấn khách hàng, dữ liệu kinh doanh thực tế hay kết quả thương mại đo lường được. Nó thể hiện quyết định thiết kế và triển khai, không cam kết chuyển đổi hay thứ hạng tìm kiếm.
Làm việc trực tiếp
Doanh nghiệp khác.
Hướng đi của riêng bạn.
Quy trình chỉn chu ấy có thể bắt đầu từ dịch vụ, khách hàng và mục tiêu của bạn.
Trao đổi về website [email protected]