Vietnam
English

Premium Outlets®

2019

Web

The web-redesign project for Premium Outlet®

Dự án cải tạo giao diện cho Premium Outlet® - chuỗi mua sắm hàng hiệu chất lượng cao tại Nhật Bản

Bạn biết đó, Nhật Bản chẳng có gì ngoài hoa anh đào và một đống điểm đến du lịch xịn sò nổi tiếng. Và du lịch thì dễ gì mà không mua sắm, vậy nên kết hợp giữa tour du lịch ngắm cảnh và lượn lờ khu hàng hiệu sẽ mang lại trải nghiệm vô cùng thượng lưu sang chảnh!

Đó là chiến lược mà Premium Outlets® theo đuổi, gợi ý cho khách hàng lịch trình và điểm đến qua website quảng bá và tiện tay cung cấp luôn dịch vụ lu lịch theo những lựa chọn trên. Và qua thời gian, website của họ dần lỗi thời, nên việc của tớ là làm cho nó tươi xanh mướt mượt trở lại:

As you know, Japan is nothing but sakura and tons of famous travel destinations. And people also do shopping while traveling, that’s why the combination between the fantastic sightseeing tour and high class shopping gives us the greatest experience in the country of rising sun.

The strategy of Premium Outlets® is to give their customers suggestions on both tour information and shopping destinations on their website, also provide tour services according to their customers choice. After a long time without updates, their website becomes outdated, and our job is to make it attractive again!!!

 

 

 

 

Đây là một landing page có cấu trúc đơn giản, vậy nên việc cải tạo giao diện không có gì quá phức tạp. Thiết kế cũ chỉ tập trung vào giao diện desktop, chưa tối ưu cho mobile nên khi hiển thị trên điện thoại, text bị nhỏ và một số hình ảnh tĩnh như bản đồ gây khó khăn cho người xem.

This is a simple structure landing page which is not too difficult to beautify. The previous design is only for desktop user and doen’t optimized for mobile, that causes the huge trouble for seeking information with small texts and detailed maps.

Vậy nên việc redesign của tớ là đảm bảo cho người xem có được trải nghiệm trang web tuyệt vời nhất. Thống kê lượng truy cập cho thấy đa phần lượt xem là từ smart phone, vậy nên tớ chọn hướng thiết kế mobile first với giao diện tối giản, graphic gọn nhẹ cho tất cả mọi dòng điện thoại (hình minh hoạ iphone X cho sang chứ iphone 6 xem vẫn ngon nhé haháhà)

So the redesign is neccessary to give user the best experience. Most of the views are from smart phone, so the mobile-first design with minimal UI and light graphics will help enhance the viewing and retain visitor.

 

 

Bộ icon nhé! Gồm 3 loại, menu icon, map icon và infographic icon:

The icon set with 3 kinds – small menu icon, medium map icon and large infographic icon:

 

 

 

Và phần tớ ưng cái bụng nhất – thiết kế tương tác. Vuốt ngang/dọc là thao tác cơ bản trên màn hình cảm ứng, tớ dùng slider/carousel trượt ngang để tận dụng tối đa thao thao tác này. Slider/carousel ngang trên trang cuộn dọc sẽ giúp giảm độ dài trang, người xem có thể lướt xuống nhanh để bỏ qua phần nội dung mình không quan tâm, thoải mái và dễ chịu ai cũng thích :>

Our favourite part – interaction design!!! We have 2 basic gesture on touch screen – swipe & scroll, so the slider/carousel is the best fit with these two!! The slider or carousel helps reduce the page length in vertical, gives user the ability to easy and quickly skip the unimportant parts by scrolling.

 

 

 

 

Và tổng hợp một số screenshot tớ ưng ý nhé:

Last but not least, some screenshot that we love the most

 

 

 

 

 

Heeheh, hết rồi, job làm thì lâu nhưng tổng kết lại chỉ gói trong vài tấm hình, bạn có thể xem trực tiếp tại trang
premiumoutlets-vietnam.com
nhé, biết đâu tự dưng thấy thèm đi Nhật :>

 

Well, you have scrolled through our long process of design and thinking.
A picture is worth a thousand words, and a scrolling is worth a hundred pictures. You might want to visit
premiumoutlets-vietnam.com
to find your own destination in the heaven of sakura!

Cảm ơn bạn đã ghé xem!!

Thank you for your visit!!!

 

 

____________

Agency: PromoTec Vietnam
Web Develop: 3Forcom

Hate bad design?
Just a phone call away!

Bạn ghét thiết kế tệ?
Gọi liền cho c9!