Awwwards

Trang web thú vị

Trang web thú vịCảm hứng webĐộ khó: DễCó bản miễn phí

Awwwards

4.0/5Đánh giá của 2dm

Nguồn cảm hứng thiết kế web chất lượng cao.

Nền tảng trao giải thiết kế web, nơi tìm cảm hứng từ các website đẹp được chấm điểm và phân loại theo xu hướng.

Mở trang chính thức Xem cách dùng

Giới thiệu

Awwwards là nền tảng vinh danh những website có thiết kế, trải nghiệm và kỹ thuật nổi bật. Mỗi ngày có một website được chọn là Site of the Day kèm điểm số, ngoài ra còn có các danh hiệu theo tháng, theo năm và danh sách đề cử để mọi người bình chọn.

Không chỉ là nơi trao giải, Awwwards còn là kho cảm hứng khổng lồ: bạn có thể lọc website theo lĩnh vực như thương mại điện tử, kiến trúc, portfolio, theo công nghệ như WordPress, Shopify, WebGL, GSAP, hoặc theo xu hướng như hiệu ứng cuộn, chuyển động. Trang còn có bộ sưu tập, khóa học, việc làm, danh bạ studio và blog.

Với doanh nghiệp chuẩn bị làm hoặc làm mới website, Awwwards giúp bạn và đơn vị thiết kế có chung ngôn ngữ hình ảnh, đưa ra ví dụ cụ thể thay vì mô tả chung chung.

Tính năng nổi bật

Site of the Day

Mỗi ngày chọn ra một website tiêu biểu kèm điểm đánh giá, giúp bạn thấy chuẩn chất lượng hiện tại.

Lọc theo ngành và công nghệ

Tìm nhanh website cùng lĩnh vực hoặc dùng cùng nền tảng như Shopify, WordPress.

Theo dõi xu hướng

Các nhóm như animation, scrolling, one-page cho thấy phong cách đang được ưa chuộng.

Bộ sưu tập

Collections do cộng đồng tuyển chọn giúp gom các ví dụ theo chủ đề.

Danh bạ studio

Tra cứu freelancer, agency kèm số dự án và giải thưởng khi cần tìm đối tác.

Dùng để làm gì

Chuẩn bị brief thiết kế

Chủ doanh nghiệp chọn vài website mẫu cùng ngành để gửi agency làm định hướng phong cách.

Nâng cấp trang bán hàng

Xem các website thương mại điện tử đoạt giải để học cách trình bày sản phẩm và bố cục.

Lấy ý tưởng chiến dịch

Marketer tìm hiệu ứng, cách kể chuyện bằng hình ảnh cho landing page ra mắt sản phẩm.

Tìm đối tác thiết kế

Tham khảo danh bạ để xem portfolio của studio trước khi liên hệ.

Đào tạo đội thiết kế nội bộ

Dùng website đoạt giải làm tài liệu phân tích trong buổi chia sẻ chuyên môn.

Cách dùng

1
Vào trang chủ
Truy cập awwwards.com để xem Site of the Day và các website nổi bật gần đây.
2
Lọc theo nhu cầu
Dùng mục khám phá để chọn danh mục ngành, công nghệ hoặc xu hướng phù hợp với dự án.
3
Xem chi tiết website
Mở trang chi tiết để xem điểm đánh giá, ảnh chụp và truy cập website gốc để trải nghiệm thực tế.
4
Lưu vào bộ sưu tập
Tạo tài khoản để lưu các website yêu thích thành Collection theo dự án.
5
Chia sẻ với đội
Gửi đường dẫn bộ sưu tập cho designer hoặc agency kèm ghi chú điều bạn thích ở từng mẫu.

Video hướng dẫn

100 Awwwards Websites Deconstructed
Ihatetomatoes

Designing an AWWWards website (in 1 day)
Finn Dollimore

Ví dụ thực tế

Tình huống minh hoạ

Một chuỗi quán cà phê đặc sản ở Đà Lạt muốn làm lại website để kể câu chuyện nguồn gốc hạt cà phê. Chủ quán vào Awwwards, lọc các website ngành ẩm thực và đồ uống, lưu lại vài mẫu có cách dùng ảnh lớn và hiệu ứng cuộn ấn tượng vào một bộ sưu tập. Khi họp với đơn vị thiết kế, hai bên dùng chính bộ sưu tập này để thống nhất phong cách, rút ngắn thời gian trao đổi qua lại.

Mẹo & lưu ý

Đừng sao chép nguyên mẫu
Hãy học nguyên tắc bố cục, màu sắc, nhịp điệu rồi áp dụng theo thương hiệu riêng.
Cân nhắc tốc độ tải
Nhiều website đoạt giải dùng hiệu ứng nặng; với trang bán hàng cần ưu tiên tốc độ và trải nghiệm di động.
Xem trên điện thoại
Luôn mở website gốc trên điện thoại vì phần lớn khách hàng Việt truy cập bằng di động.
Ghi chú lý do chọn
Khi lưu mẫu, viết ngắn điều bạn thích để designer hiểu đúng ý.