Tác phẩm S5 Studios Trang web của nhà thiết kế Shogo Tabuchi là người đoạt giải danh giá 2021 A' Design Award Vàng trong Hạng Mục Thi Thiết kế Web.

VàngWeb· 2021

S5 Studios Trang web

bởi Shogo Tabuchi

Khách hàng: S5 Studios

Người Đoạt A' Design Award Vàng Hạng Mục Web

105,836

Người Đoạt Giải Đã Xác Minh

Xác Minh Trạng Thái Giải Thưởng cho #109845

Xem tại A' Design Award Thông cáo báo chí Huy hiệu giải thưởng

Màu sắc

Thiết kế

Giới thiệu S5 Studios Trang web

Đây là trang web hồ sơ năng lực của Shogo Tabuchi, kết hợp thẩm mỹ thiết kế với khả năng biểu đạt và tính dễ cập nhật. Đại dịch Covid-19 năm 2020 đã khiến việc chia sẻ tác phẩm với người khác trở thành thách thức đối với các nghệ sĩ trên toàn thế giới. Điều này đã làm cho việc quảng bá trực tuyến trở nên quan trọng hơn bao giờ hết. Trang hồ sơ năng lực này là một dự án tự quảng bá, nơi người dùng có thể cảm nhận phong cách độc đáo của nghệ sĩ thông qua thị giác, thính giác và xúc giác.

Sự ghi nhận

Giới thiệu A' Design Award Vàng

S5 Studios Trang web là người chiến thắng giải thưởng A' Design Award Vàng, một sự công nhận cực kỳ danh giá dành cho các thiết kế hạng nhất, tuyệt vời và xuất sắc. Những người chiến thắng giải Vàng là những sáng tạo cực kỳ đổi mới, giàu tầm nhìn và rực rỡ chói lọi, phản ánh thiên tài, trí tuệ và tài nghệ của các nhà thiết kế. S5 Studios Trang web được kỳ vọng là một phát minh được ca ngợi cao, dẫn dắt xu hướng và mang tính biểu tượng, mang lại giá trị chưa từng có. Thiết kế chiến thắng giải thưởng A' Design Award Vàng này là một dự án ngoạn mục, được kính trọng, mang lại lợi ích lớn và thúc đẩy ranh giới của nghệ thuật, khoa học, thiết kế và công nghệ. S5 Studios Trang web tạo ra những cảm xúc khao khát mãnh liệt, khơi dậy đam mê, khuyến khích sáng tạo và cuốn hút chúng ta.

Hậu trường thiết kế

Bộ tài liệu báo chí

Thông tin về đội ngũ, thành viên và chi tiết kỹ thuật do nhà thiết kế cung cấp.

Đặc Tính Riêng Biệt: "Shapely, Sharp, Skillful, Splendid, Supreme."
S5 Studios is a creative studio that incorporates these five adjectives into the artist's work. It also serves as a portfolio for the commissioned works of Shogo Tabuchi.
This website places particular emphasis on presenting the artist's ideas and strengths through the design, execution, and music of the website to create a vibrant user experience that draws on unique designs and cutting-edge technology.
Kích Thước & Đóng Gói: Available in the latest versions of Chome, Firefox, Safari, iOS and Android
Thẻ: Art director, Web designer, Portfolio, Design Agencies, Promotional, 3D, GSAP Animation, PixiJS, Craft CMS, Three.js
Công Nghệ Sản Xuất: Pixijs and three.js allow for asynchronous browsing in all directions, while gsap and css3 are used for finer transitions and animations. Objects are efficiently managed in javascript by using fewer than 100 classes, and the website’s responsive design keeps user experience consistent across all devices.
A cms was built to update Works and Information. Due to concerns with a slow server-side cms, I used ejs to build a system that generates html automatically when Json files are updated locally.
Thử Thách Thiết Kế: Designing a website that captures an artist’s individuality is difficult. This design is not flat but spatial in nature, so we can only imagine how users will experience this space. It took over 6 months to complete this design as I had to repeatedly tweak the user flow and visual elements.
In addition to creating materials to share the design aims with developers, the designers also complemented the work of engineers by collaborating on programming after they built the development environment.
Nghiên Cứu: Although sites such as Awwwards feature excellent websites around the world every day, there are many websites with similar designs around.
I believe that each website should be designed differently as each brand is unique. In particular, portfolio websites must capture the artist’s individuality.
covid-19 has limited how artists can share their works, making online promotion critical for them.
It is thus important to create portfolios unique to artists by harnessing their ideas and strengths.
Cảm Hứng: Designers work on new tasks by drawing inspiration from the toolbox of knowledge and experience in their mind. The design concept for this website is no different.
This website’s landing page is a dark space with floating particles, which alludes to how ideas coalesce in an abstract space. Users are led to individual sections, and as they venture deeper into the website, the thumbnails of projects are shown. Information is presented in more granular detail the deeper it is in the site hierarchy.
Thời Gian Dự Án: October 2019 - Designing the first draft
February 2020 - How many prototypes will be designed
May 2020 - Development work begins.
　Designed 160 pages of case studies and news pages
　Music and photography production
September 2020 - Completed
October - Published on the web
Quy Trình Vận Hành: Start by selecting whether you want to browse the website with/without background music. Users can turn music on/off at any time when browsing.
Navigate the top page by clicking on a section that interests you. I have created a larger clickable area for “Works,” which brings users to a page where they can scroll through the different project categories. Clicking “Explore” brings them deeper into the site and displays a list of projects.
This site has a similar user interface on all devices.
Thành Viên Nhóm: Interaction Director/Designer: Shogo Tabuchi
Front-end Developer: Tomoya Takahashi (Orunica Inc.)
Sound Designer: Nao Kakimoto
Photographer: Shin Ishikawa
Photographer: Kenichi Aikawa