Lakaw sa sulod
S5 Studios Website ni Shogo Tabuchi

Ang disenyo nga S5 Studios Website ni Shogo Tabuchi usa ka labihan ka tinahod nga mananaog sa prestihiyosong 2021 A' Design Award nga Bulawan sa Kategoriya sa Kompetisyon sa Disenyo sa Website ug Web.


BulawanWeb· 2021

S5 Studios Website

ni Shogo Tabuchi

Kliyente: S5 Studios

Mananaog sa A' Design Award nga Bulawan sa Kategoriya sa Web

105,836

Mga Kolor

Ang Disenyo

Bahin sa S5 Studios Website

Kini nga website mao ang portfolio site ni Shogo Tabuchi, ug nagsagol kini sa estetika sa disenyo uban sa mga posibilidad sa representasyon ug kaluag sa pag-update. Ang pandemya sa Covid-19 sa 2020 naghimo niini nga usa ka hagit alang sa mga artista sa tibuok kalibutan sa pagpaambit sa ilang mga buhat ngadto sa uban. Kini naghimo sa online nga promosyon nga mas importante pa kay kaniadto. Kining portfolio site usa ka proyekto sa self-promotion diin ang mga tiggamit makakita og usa ka sulyap sa talagsaon nga istilo sa artista pinaagi sa ilang panan-aw, pandungog, ug paghikap.

Ang Pag-ila

Bahin sa A' Design Award nga Bulawan

S5 Studios Website usa ka mananaog sa A' Design Award nga Bulawan, usa ka hilabihan ka prestihiyoso nga pag-ila nga gihatag sa unang-klase, katingalahan, ug bantogan nga mga disenyo. Ang mga mananaog sa Bulawan labihan ka bag-o, daghan og panan-aw, ug nagsidlak nga mga paglalang nga nagpakita sa henyo, kinaadman, ug kahanas sa ilang mga tigdesinyo. Gilauman nga ang S5 Studios Website mahimong labing gidayeg, nagtakda og uso, ug monumental nga imbento nga naghatag og bili nga wala pa makita. Kini nga disenyo nga nakadaog og A' Design Award nga Bulawan usa ka makapahingangha ug gitahod nga proyekto nga labihan ka mapuslanon ug nagpalapad sa mga utlanan sa arte, siyensya, disenyo, ug teknolohiya. S5 Studios Website nagmugna og kusog nga mga pagbati sa kaibog, nagpukaw og kahinam, nagdasig sa pagkamamugnaon, ug nagbihag kanato.

Luyo sa Disenyo

Press Kit

Mga kredito, mga miyembro sa team ug teknikal nga mga detalye nga gihatag sa tigdisenyo.

Talagsaong mga Kinaiya
"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.
Gidak-on ug Pakete
Available in the latest versions of Chome, Firefox, Safari, iOS and Android
Mga Tag
Art director, Web designer, Portfolio, Design Agencies, Promotional, 3D, GSAP Animation, PixiJS, Craft CMS, Three.js
Teknolohiya sa Produksyon
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.
Hagit sa Disenyo
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.
Panukiduki
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.
Inspirasyon
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.
Gidugayon sa Proyekto
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
Daloy sa Operasyon
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.
Mga Miyembro sa Team
Interaction Director/Designer: Shogo Tabuchi
Front-end Developer: Tomoya Takahashi (Orunica Inc.)
Sound Designer: Nao Kakimoto
Photographer: Shin Ishikawa
Photographer: Kenichi Aikawa

Gi-sponsor

Tun-i ang Lapas pa sa Designers.org

Tukibi ang mga produkto, serbisyo ug mga oportunidad gikan sa among mga advertising partner.

Ang Maayong Disenyo Angayan sa Dakong Pagdayeg

Ang A' Design Award usa ka internasyonal, gihukman nga pagdayeg alang sa maayong disenyo. Apil sa A' Design Award aron makakuha og oportunidad nga makaangkon og meritokratikong pagdayeg, kabantog, kadungganan ug publisidad alang sa imong buhat. Inominar ang imong buhat alang sa A' Design Award ug kompetensyaha alang sa gipangandoy nga A' Design Prize.

Inominar