رفتن به محتوا
S5 Studios وب‌سایت اثر Shogo Tabuchi

اثر S5 Studios وب‌سایت توسط Shogo Tabuchi برنده بسیار ارزشمند جایزه پرافتخار 2021 جایزه طلایی A' Design Award در دسته‌بندی رقابتی طراحی وب‌سایت و وب است.


طلاوب· 2021

S5 Studios وب‌سایت

توسط Shogo Tabuchi

مشتری: S5 Studios

برنده جایزه طلایی A' Design Award در دسته‌بندی وب

105,836

برنده تأییدشده جایزه

تأیید وضعیت جایزه برای #109845

رنگ‌ها

طراحی

درباره S5 Studios وب‌سایت

این وب‌سایت، سایت نمونه‌کار شوگو تابوچی است و زیبایی‌شناسی طراحی را با امکانات نمایشی و سهولت به‌روزرسانی ترکیب می‌کند. همه‌گیری کووید-19 در سال 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 را کاوش کنید

محصولات، خدمات و فرصت‌های شرکای تبلیغاتی ما را کشف کنید.

طراحی خوب شایسته قدردانی بزرگ است

جایزه A' Design Award یک افتخار بین‌المللی و داوری‌شده برای طراحی خوب است. در جایزه A' Design Award شرکت کنید تا فرصت کسب قدردانی شایسته‌سالارانه، شهرت، اعتبار و تبلیغات برای اثر خود را به دست آورید. اثر خود را برای جایزه A' Design Award نامزد کنید و برای کسب جایزه ارزشمند A' Design Prize رقابت کنید.

نامزد کنید