Khám phá cách làm website cho các ứng dụng qua 20+ ví dụ

Thứ ba - 11/08/2015 19:16

Bạn có một ứng dụng (applicantion) tốt, làm thế nào để mang nó đến với cộng đồng? Một thiết kế website chuyên nghiệp sẽ giúp bạn giải quyết vấn đề này.

Khám phá cách làm website cho các ứng dụng qua 20+ ví dụ

Jamiq, FreshBooks, CrazyEgg, Donor Tools, Wufoo, Freckle, Pulse, Mint, Harvest, iPlotz, PollDaddy, Campaign Monitor, Designer Pages, OneHub, và Wistia là một số ứng dụng web sở hữu trang web riêng rất ấn tượng. 

Đề có cái nhìn rộng mở hơn về các thiết kế website ứng dụng, chúng ta sẽ cùng khám phá 20+ ví dụ tiêu biểu để hiểu thêm về cách tiếp cận loại website này. 

Postmark

Thiet ke website ung dung chuyen nghiep

Postmark sử dụng bảng màu nổi bật và bố cục có sự phân chia một cách rất tự nhiên các khu vực với nhau. Mỗi khu vực làm nổi bật một mảng thông tin. 

Buffer

Thiet ke website ung dung chuyen nghiep

Buffer có giao diện sáng sủa, website cung cấp cho người dùng ứng dụng hàng đầu với dịch vụ tốt nhất, thể hiện ở những tính năng của website ứng dụng này.

Freshdesk

Freshdesk

Freshdesk mang đến cảm xúc tích cực và sự thân thiện ngay lập tức cho người truy cập nhờ hình ảnh backdrop dễ thương của header. 

Mint

Thiet ke website ung dung chuyen nghiep

Mint chào đón người dùng online với header toàn hình ảnh và tagline ý nghĩa. Người dùng di động hay PC thông thường sẽ dùng thoải mái website này bất chấp kích thước màn hình.

MailChimp

Thiet ke website ung dung chuyen nghiep

Trang chủ của website ứng dụng này toát ra vẻ năng động, gọn gàng và tươi mới , trong đó phần nội dung cần thiết nhất vẫn được làm nổi bật. 

Skyclerk

Thiet ke website ung dung chuyen nghiep

Skyclerk mang đến cảm giác về hoạt động kinh doanh. Đó là bởi cách dùng màu sắc, typography và đồ học rất hài hòa. 

Campaign Monitor

Thiet ke website ung dung chuyen nghiep

Campaign Monitor có trang chủ cân bằng và thể hiện dữ liệu ở một cấp độ cao. Phương án thể hiện thông tin mà website này dùng đã phát huy tác dụng. 

Blinksale

Thiet ke website ung dung chuyen nghiep

Blinksale là một ví dụ tuyệt vời, giao diện của nó không hề thay đổi qua nhiều năm nhưng nó vẫn thật hấp dẫn. Một số chi tiết như nút bấm hay màu sắc đã cũ nhưng nó vẫn không ảnh hưởng đến sức sống của giao diện này. 

Proposable

Thiet ke website ung dung chuyen nghiep

Proposable có cách tiếp cận đơn giản với mọi thứ và loại bỏ những dữ liệu không cần thiết. Màu sắc sáng sủa, phong cách phẳng và tận dụng tốt khoảng trắng đã giúp người dùng thấy thaoir mái hơn.

SolidShops

Thiet ke website ung dung chuyen nghiep

Đây là một thiết kế website dịch vụ khác đã duy trì được phong độ của mình bất chấp sự biến đổi không ngừng của xu hướng thiết kế. Mọi thông tin cần thiết đều dễ dàng được tìm thấy khi người ta vào website này.

HootSuite

Thiet ke website ung dung chuyen nghiep

Hootsuite không sử dụng cuộn trang dài, tính năng linh hoạt hoặc bảng biểu...nhưng nó có cách tổ chức thông tin rất thông minh. Hơn thế nữa, website này thích ứng với mọi thiết bị di động phổ biến. 

MyEnergy

Thiet ke website ung dung chuyen nghiep

MyEnergy có một se-ri các khu vực đặt ngay bên dưới của nhau. Đây là cách truyền thống để thể hiện các dự án đã trải qua. Các thông tin quan trọng vẫn đặt ở trên đầu trang. 

Squarespace

Thiet ke website ung dung chuyen nghiep

Squarespace trông rất hợp thời và thú vị. Sự tương phản giữa màu sắc trắng và đen khiến cho các khối thông tin nổi bật. Diện tích khoảng trắng lớn giúp cải thiện đáng kể trải nghiệm người dùng.

Zoho

Thiet ke website ung dung chuyen nghiep

Like mang tới logo theo phong cách 3D. Giao diện website với đồ họa mô phỏng hình ảnh thực tế. 

123ContactForm

Thiet ke website ung dung chuyen nghiep

Hamburger menu icon sẽ mở ra drop-down list nhỏ với link theo nhu cầu. Khu vực header sử dụng bức hình khổ lớn, bố cục gọn với nhiều khoảng trắng. 

kuler

Thiet ke website ung dung chuyen nghiep

Kuler chỉ nói về các bảng màu. Thiết kế của website này rất hài hòa và bắt mắt.

SnapPages

Thiet ke website ung dung chuyen nghiep

SnapPages có những chuyển động tinh tế, làm sinh động cả không gian. Phần còn lại của thiết kế website khá đơn giản nhưng bố cục của nó thì rất nổi bật. 

Woopra

Thiet ke website ung dung chuyen nghiep

Woopra mang tới các thông tin cần thiết cho người dùng. Các nút call to action đã làm tốt nhiệm vụ của mình.Thông tin được sắp xếp gọn trong các khối nội dung. 

CrazyEgg

Thiet ke website ung dung chuyen nghiep

CrazyEgg có langding page hiện đại, tạo bầu không khí thân thiện người dùng và cách kể truyện hấp dẫn. 

Wufoo

Thiet ke website ung dung chuyen nghiep

Khá giống với ví dụ trước, UI của trang này mang phong cách hoạt hình giúp tạo cảm giác vui vẻ và tích cực. 

Zendesk

Thiet ke website ung dung chuyen nghiep

ZenDesk có mục đích tạo mối quan hệ tốt giữa dịch vụ và người dùng online. Trang chủ sử dụng phần đồ họa khá sống động. 

Harvest

Thiet ke website ung dung chuyen nghiep

Harvest đi thẳng vào vấn đề bằng việc giúp người xem làm quen ngay với dịch vụ mà website cung cấp. Bố ccj web dựa khá nhiều vào phong cách phẳng. 

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Web & Brand Solutions