Shogo TabuchiによるS5 Studios ウェブサイトは、ウェブサイト・ウェブデザインコンペティションカテゴリーにおける非常に権威ある2021 A' Design Award 金賞の優れた受賞作品です。

金ウェブ· 2021

S5 Studios ウェブサイト

デザイナー： Shogo Tabuchi

クライアント: S5 Studios

ウェブカテゴリーのA' Design Award 金賞受賞者

105,836

認証済み受賞者

#109845の受賞ステータスを認証

A' Design Awardで見るプレスリリース受賞バッジ

カラー

デザイン

S5 Studios ウェブサイトについて

このウェブサイトは田渕将伍のポートフォリオサイトであり、デザイン美学と表現の可能性、更新のしやすさを融合させています。2020年のCovid-19パンデミックは、世界中のアーティストが作品を他者と共有することを困難にしました。これにより、オンラインでのプロモーションがこれまで以上に重要になっています。このポートフォリオサイトは、ユーザーが視覚、聴覚、触覚を通じてアーティストの独自のスタイルを垣間見ることができるセルフプロモーションプロジェクトです。

受賞

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