Sáng tạo website You Matter từ lối tư duy giảng dạy khác biệt

  • 02/02/2020
  • 0 Bình Luận

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-1

Giới thiệu

Accademia del Lusso là một học viện thời trang của Ý có trụ sở tại Milan, được định hướng tạo ra các chương trình giảng dạy phù hợp cho từng sinh viên quốc tế theo khóa học. Ý tưởng về quy trình dạy học nuôi nấng sự sáng tạo hoàn hảo và phù hợp với năng lực của mỗi sinh viên là nguồn cảm hứng lớn nhất cho chúng tôi. Đó là lý do tại sao Gusto quyết định sẽ hợp tác mới với Uprising tạo ra một thứ đặc biệt ấn tượng. Từ một học viện khiến sinh viên thể hiện sự sáng tạo của họ, đến một website nơi đội ngũ Gusto có cơ hội tỏa sáng, đây là cách dự án You Matter ra đời.

Tham khảo địa chỉ thiết kế Website Doanh Nghiệp
cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-2
Trang chủ You Matter

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-3

Thay đổi vì một giá trị

You Matter được sinh ra với vai trò là một dự án phụ nhằm tăng cường lưu lượng truy cập vào website chính thức của Accademia del Lusso, thông qua những trải nghiệm đầy cảm hứng có thể thu hút giới trẻ mà vẫn liên quan tới thông tin các khóa học của họ.

Chúng tôi cũng muốn You Matter trở thành một dự án độc lập, mang đến cho nó sức mạnh để khiến mọi người tận hưởng cảm xúc, lối sống và hơi thở thời trang theo bản sắc của Accademia de Lusso. Mục đích tạo ra dự án là để truyền cảm hứng mạnh mẽ tới các học viên tiềm năng.

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-4
Nhấp và giữ để khám phá Nhân vật đầu tiên

Gusto chấp nhận concept thay đổi và biến nó thành sự thật. Nhưng quá trình đăng bài và đưa ra ý tưởng đã hình thành nên mọi thứ được đặt ở trung tâm. Từ hoạt họa đến thiết kế âm thanh, bằng gam màu tối, vẫn rất ấm áp và chào đón. Mọi thứ tự động xoay quanh một concept đơn giản: mọi thứ thay đổi, phát triển và trở thành một thứ khác không ngờ tới. Ý tưởng này gói gọn hoàn hảo ý nghĩa của ngành thời trang. Thiết kế và phát triển được cho là cái nôi cho concept.

Các video là những trải nghiệm thu nhỏ về các giá trị cốt lõi của Accademia del Lusso và dự án You Matter: ba diễn viên chính nhân cách hóa của các giá trị đó, hóa thân chúng và truyền tải tới người dùng qua làn da, chuyển động nhẹ nhàng và đôi mắt biết nói của họ.
Các video được thiết kế để thể hiện sự thanh lịch và tinh khiết, đặt trong set màu đen tối nơi shader mask WEBGL kỹ thuật số tạo ra hiệu ứng hoa lệ theo sau hành động của người dùng. Khi bạn nhấp và giữ chuột, điều kỳ diệu sẽ xảy ra.

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-5
Typo Animation Bước 1

Hiểu thị văn bản

Văn bản đóng một vai trò quan trọng trong dự án: một cảm giác của tương lai, sự tinh tường được vẽ lên đằng sau các vĩ nhân thơ ca nghệ thuật những năm 1910, với các văn bản hoạt họa sắp đặt theo thứ tự bất ngờ và khối hình cứng cáp.

Sự xuất hiện của một Manifesto đã kích thích và phá vỡ sự mềm mỏng của sắc trắng đen, cuộc cách mạng ấy cất lên tiếng nói.

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-6
Typo Animation Bước 2
cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-7
Typo Animation Bước 3
cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-8
Layout cuộn cuối cùng

“Để học sáng tạo, hãy dạy một cách sáng tạo”

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-9
Ảnh bìa Manifesto Typo
cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-10
Manifesto Layout

Hòa tấu

Các hiệu ứng được sử dụng trong nội dung của You Matter ăn khớp ở mọi yếu tố đơn lẻ: các cử chỉ tương ứng với các giao thoa thị giác với các hiệu ứng âm thanh đặc biệt, bên cạnh các chuyển động và hoạt họa sẵn có.

cach-truyen-cam-hung-thong-qua-website-thoi-trang-you-matter-11
Hiệu ứng Glitch

Công nghệ

  • Angular.js
  • Three.js
  • Pixi.js

Về Gusto

Gusto là một agency sáng tạo chất chứa những bộ óc phàm văn hóa, những kẻ đã tìm thấy một nơi để trưởng thành và làm những công việc đặc biệt trong niềm tin yêu. Làm việc cùng với Gusto có nghĩa là phô trương bản sắc của một người ra bên ngoài, thể hiện những suy nghĩ dũng cảm nhất, và làm cảm hóa ý tưởng đó trở thành một dự án không chỉ đáp ứng nhu cầu và sở thích của khách hàng, mà còn khiến chúng tôi tự hào về đứa con tinh thần ấy.

Nguồn: www.awwwards.com


Bài viết liên quan

15 điều NÊN làm trước khi thay đổi giao diện WordPress (83 lượt xem )

Mục lụcGiới thiệuThay đổi vì một giá trịHiểu thị văn bảnHòa tấuCông nghệVề Gusto Nếu bạn đã từng sử dụng…

Sửa lỗi h-entry với công cụ Xác thực dữ liệu Cấu trúc (266 lượt xem )

Mục lụcGiới thiệuThay đổi vì một giá trịHiểu thị văn bảnHòa tấuCông nghệVề Gusto Tại sao thẻ h-entry (hentry) được…

5 việc cần làm trước khi thuê Designer thiết kế Website (44 lượt xem )

Mục lụcGiới thiệuThay đổi vì một giá trịHiểu thị văn bảnHòa tấuCông nghệVề Gusto Đối với doanh nghiệp nhỏ, thuê…

Thiết kế Portfolio trên giao diện di động với Rich Brown (23 lượt xem )

Mục lụcGiới thiệuThay đổi vì một giá trịHiểu thị văn bảnHòa tấuCông nghệVề Gusto Dự án thiết kế Portfolio của…

No ratings!

Chưa có đánh giá

Đánh giá bài viết




Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *