设计师 Shogo Tabuchi 的作品 S5 Studios 主要功能：网站 荣获了极具声望的 2021 A' Design Award 金奖，竞赛类别为网站与网页设计。
金网页· 2021
S5 Studios 主要功能：网站
设计师： Shogo Tabuchi
客户: S5 Studios
网页类别A' Design Award 金奖获奖者
105,836
已验证的获奖者
验证 #109845 的获奖状态设计作品
关于 S5 Studios 主要功能：网站
图书文字：本网站是 Shogo Tabuchi 的作品集网站，它将设计美学与丰富的表现可能性以及便于更新的特性融为一体。2020 年新冠疫情的爆发，让世界各地的艺术家面临着与他人分享作品的挑战，这也使得线上推广比以往任何时候都更加重要。这个作品集网站是一个自我推广项目，用户可以通过视觉、听觉和触觉一窥艺术家独特的风格。
荣誉认可
关于A' Design Award 金奖
S5 Studios 主要功能：网站是 A' Design Award 金奖得主，这是授予一流、绝妙而杰出设计的极为崇高的认可。金奖得主是极具创新、极富远见且璀璨夺目的创作，反映出其设计师的天才、智慧与才干。预计S5 Studios 主要功能：网站将成为一项备受赞誉、引领潮流、气势恢宏的发明，带来前所未有的价值。这件赢得 A' Design Award 金奖的设计是一个壮观而受人敬重的项目，极大地造福并拓展艺术、科学、设计和技术的边界。S5 Studios 主要功能：网站激起强烈的渴望，唤起激情，鼓励创造力，令我们着迷。
设计幕后
媒体资料包
由设计师提供的致谢、团队成员及技术详情。
- 独特属性
- "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. - 尺寸与包装
- Available in the latest versions of Chome, Firefox, Safari, iOS and Android
- 标签
- Art director, Web designer, Portfolio, Design Agencies, Promotional, 3D, GSAP Animation, PixiJS, Craft CMS, Three.js
- 生产技术
- 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. - 设计挑战
- 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. - 研究
- 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. - 灵感
- 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. - 项目周期
- 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 - 操作流程
- 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. - 团队成员
- Interaction Director/Designer: Shogo Tabuchi
Front-end Developer: Tomoya Takahashi (Orunica Inc.)
Sound Designer: Nao Kakimoto
Photographer: Shin Ishikawa
Photographer: Kenichi Aikawa
赞助内容
探索 Designers.org 之外
发现来自我们广告合作伙伴的产品、服务和机会。
