S5 Studios Website by Shogo Tabuchi

Home > Winners > #109845


DESIGN DETAILS
DESIGN NAME:
S5 Studios

PRIMARY FUNCTION:
Website

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.

UNIQUE PROPERTIES / PROJECT DESCRIPTION:
"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.

OPERATION / FLOW / INTERACTION:
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.

PROJECT DURATION AND LOCATION:
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

PRODUCTION / REALIZATION TECHNOLOGY:
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.

SPECIFICATIONS / TECHNICAL PROPERTIES:
Available in the latest versions of Chome, Firefox, Safari, iOS and Android

TAGS:
Art director, Web designer, Portfolio, Design Agencies, Promotional, 3D, GSAP Animation, PixiJS, Craft CMS, Three.js

RESEARCH ABSTRACT:
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.

CHALLENGE:
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.

ADDED DATE:
2020-09-10 09:29:12

TEAM MEMBERS (5) :
Interaction Director/Designer: Shogo Tabuchi, Front-end Developer: Tomoya Takahashi (Orunica Inc.), Sound Designer: Nao Kakimoto, Photographer: Shin Ishikawa and Photographer: Kenichi Aikawa

IMAGE CREDITS:
Shogo Tabuchi, 2020.

CLIENT/STUDIO/BRAND DETAILS
NAME:
S5 Studios

PROFILE:
"Shapely,Sharp,Skillful,Splendid,Supreme." S5-Studios is a creative studio that incorporates these five adjectives into our work. It is also a portfolio for the commission work of Shogo Tabuchi. We specialize in cutting edge digital promotions for artists, fashion brands, manufacturers and corporations.

NOMINATION DETAILS

S5 Studios Website by Shogo Tabuchi is a Nominee in Website and Web Design Category.

· This project is currently confidential as results have not been announced yet. Images and further details of the project is not available for public yet, please check back later. If you are the owner of this design, please login to view the images.

· Click here to register today inorder to be able to view the profile and other works by Shogo Tabuchi when results are announced.
AWARD DETAILS

S5 Studios Website by Shogo Tabuchi is Winner in Website and Web Design Category, 2020 - 2021.



· Press Members: Login or Register to request an exclusive interview with Shogo Tabuchi.

· Click here to register inorder to view the profile and other works by Shogo Tabuchi.
SOCIAL
+ Add to Likes / Favorites | Send to My Email | Submit Comment | Comment | Testimonials | View Press-Release | Press Kit

Did you like Shogo Tabuchi's Web Design?
You will most likely enjoy other award winning web designs as well.
Click here to view more Award Winning Web Designs.


Did you like S5 Studios Website? Help us create a global awareness for good web design worldwide. Show your support for Shogo Tabuchi, the creator of great web design by gifting them a nomination ticket so that we could promote more of their great web designs.

See other A' Design Award and Competition WinnersA' Design Award Presentation Submit Your Designs
 
design award logo

BENEFITS
THE DESIGN PRIZE
WINNERS SERVICES
PR CAMPAIGN
PRESS RELEASE
MEDIA CAMPAIGNS
AWARD TROPHY
AWARD CERTIFICATE
AWARD WINNER LOGO
PRIME DESIGN MARK
BUY & SELL DESIGN
DESIGN BUSINESS NETWORK
AWARD SUPPLEMENT

METHODOLOGY
DESIGN AWARD JURY
PRELIMINARY SCORE
VOTING SYSTEM
EVALUATION CRITERIA
METHODOLOGY
BENEFITS FOR WINNERS
PRIVACY POLICY
ELIGIBILITY
FEEDBACK
WINNERS' MANUAL
PROOF OF CREATION
WINNER KIT CONTENTS
FAIR JUDGING
AWARD YEARBOOK
AWARD GALA NIGHT
AWARD EXHIBITION

MAKING AN ENTRY
ENTRY INSTRUCTIONS
REGISTRATION
ALL CATEGORIES

FEES & DATES
FURTHER FEES POLICY
MAKING A PAYMENT
PAYMENT METHODS
DATES & FEES

TRENDS & REPORTS
DESIGN TRENDS
DESIGNER REPORTS
DESIGNER PROFILES
DESIGN INTERVIEWS

ABOUT
THE AWARD
AWARD IN NUMBERS
HOMEPAGE
AWARD WINNING DESIGNS
DESIGNER OF THE YEAR
MUSEUM OF DESIGN
PRIME CLUBS
SITEMAP
RESOURCE

RANKINGS
DESIGNER RANKINGS
WORLD DESIGN RANKINGS
DESIGN CLASSIFICATIONS
POPULAR DESIGNERS

CORPORATE
GET INVOLVED
SPONSOR AN AWARD
BENEFITS FOR SPONSORS

PRESS
DOWNLOADS
PRESS-KITS
PRESS PORTAL
LIST OF WINNERS
PUBLICATIONS
RANKINGS
CALL FOR ENTRIES
RESULTS ANNOUNCEMENT

CONTACT US
CONTACT US
GET SUPPORT

Follow us : Twitter Twitter | Twitter Facebook | Twitter Google+.
Share |