Zum Inhalt springen
S5 Studios Website von Shogo Tabuchi

Das Design S5 Studios Website von Shogo Tabuchi ist ein hoch angesehener Gewinner des sehr prestigeträchtigen 2021 A' Design Award in Gold in der Wettbewerbskategorie Webdesign.


GoldWeb· 2021

S5 Studios Website

von Shogo Tabuchi

Auftraggeber: S5 Studios

Gewinner des A' Design Award in Gold in der Kategorie Web

105,836

Farben

Das Design

Über S5 Studios Website

Diese Website ist die Portfolio-Seite von Shogo Tabuchi und verbindet Designästhetik mit Darstellungsmöglichkeiten und Aktualisierungsfreundlichkeit. Die Covid-19-Pandemie 2020 hat es für Künstler weltweit zu einer Herausforderung gemacht, ihre Werke mit anderen zu teilen. Dies hat Online-Promotion wichtiger denn je gemacht. Diese Portfolio-Seite ist ein Selbstpromotion-Projekt, bei dem Nutzer durch Sehen, Hören und Berühren einen Einblick in den einzigartigen Stil des Künstlers erhalten können.

Die Auszeichnung

Über den A' Design Award in Gold

S5 Studios Website ist Gewinner des A' Design Award in Gold, einer überaus prestigeträchtigen Anerkennung für erstklassige, wunderbare und herausragende Designs. Gold-Gewinner sind äußerst innovative, visionäre und glamourös blendende Schöpfungen, die das Genie, die Weisheit und die Meisterschaft ihrer Designer widerspiegeln. Von S5 Studios Website wird erwartet, dass es eine hochgepriesene, trendsetzende und monumentale Erfindung ist, die beispiellosen Mehrwert liefert. Dieses mit dem A' Design Award in Gold prämierte Design ist ein spektakuläres, respektiertes Projekt, das den Grenzen von Kunst, Wissenschaft, Design und Technologie in hohem Maße zugutekommt und sie voranbringt. S5 Studios Website erzeugt intensive Gefühle des Verlangens, weckt Leidenschaft, ermutigt zur Kreativität und fasziniert uns.

Hinter dem Design

Pressemappe

Danksagungen, Teammitglieder und technische Details, bereitgestellt vom Designer.

Einzigartige Eigenschaften
"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.
Abmessungen & Verpackung
Available in the latest versions of Chome, Firefox, Safari, iOS and Android
Schlagwörter
Art director, Web designer, Portfolio, Design Agencies, Promotional, 3D, GSAP Animation, PixiJS, Craft CMS, Three.js
Produktionstechnologie
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.
Designherausforderung
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.
Forschung
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.
Inspiration
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.
Projektdauer
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
Betriebsablauf
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.
Teammitglieder
Interaction Director/Designer: Shogo Tabuchi
Front-end Developer: Tomoya Takahashi (Orunica Inc.)
Sound Designer: Nao Kakimoto
Photographer: Shin Ishikawa
Photographer: Kenichi Aikawa

Gesponsert

Entdecken Sie mehr als Designers.org

Entdecken Sie Produkte, Dienstleistungen und Möglichkeiten unserer Werbepartner.

Gutes Design verdient große Anerkennung

Der A' Design Award ist eine internationale, jurierte Auszeichnung für gutes Design. Nehmen Sie am A' Design Award teil, um die Chance auf eine leistungsbasierte Anerkennung zu erhalten und Bekanntheit, Prestige und Öffentlichkeit für Ihre Arbeit zu gewinnen. Nominieren Sie Ihre Arbeit für den A' Design Award und konkurrieren Sie um den begehrten A' Design Prize.

Nominieren