Shogo Tabuchi Receives the Silver A' Design Award for On Recruit Recruitment Website in Website and Web Design

The Work

Project

On Recruit Recruitment Website

Function

Recruitment Website

Category

Website and Web Design

Discipline

Communication Design

Industry

Software and Branding & Advertising

Colors

Lavender, Dark Gray, Black, Gray and Light Gray

Images

5

Client

On Co.ltd

The Recognition

Laureate

Shogo Tabuchi

Country

Japan

Recognition

Silver A' Design Award

Edition

2024 - 2025

Design ID

#164653

Credits

Team

MAI (ON CO.LTD.), Shogo Tabuchi (S5 Studios), Tomoya Takahashi (Orunica Inc.), SEVNZEL (ON CO.LTD.), Matsuura Yasuhito, Yoshiaki Hikinuma and Shunsuke Higashida

Image Credits

All rights related to IP / Copyright / Image / Photo / Sound / Video belong to ON CO.LTD.

Design Details

Unique Properties

This design transforms the conventional recruitment website by introducing a visually rich and technically advanced platform. The seamless integration of multi-threaded animations, custom typeface, and interactive storytelling creates an engaging user journey. Inspired by Japanese streaming culture, the 'danmaku' effects add a layer of immersive interaction, allowing users to connect with the brand on a deeper emotional level.

Inspiration

The design was inspired by the vibrant world of Japanese street culture and the interactive experience of 'danmaku' (comment streams), where user engagement is communal and dynamic. Recognizing the need for companies to stand out in a competitive job market, this project aimed to bring the energy and creativity of street culture into the digital space. The platform seeks to captivate job seekers who are not just looking for a job, but an experience that aligns with their passion for design and innovation. By embracing bold aesthetics and lively interactivity, the site reflects a new approach to employer branding.

Research

The research aimed to understand the engagement behavior of users who are passionate about art and counterculture, using 'danmaku' inspired interfaces to mimic chaotic but captivating interactions. Testing showed a 35% increase in user interaction rates and a notable rise in time spent on the site. The platform's unique combination of aesthetics and technology, alongside its ability to dynamically adapt content, proved successful in attracting top creative talent. Insights gained from this research guided the refinement of the design, ensuring an optimal balance between visual stimulation and usability.

Challenge

The key challenge was to create an interface that balances the dynamic, visually rich effects inspired by 'danmaku' with a clean and easy-to-navigate user experience. Initial user testing showed that chaotic visuals could be captivating, but users needed a clear structure to engage with content effectively. The final design strikes this balance, using visual cues to guide users while maintaining the immersive qualities that make the platform unique. This solution was refined iteratively through testing and feedback, resulting in a platform that keeps users engaged without overwhelming them.

Realization and Technology

Advanced web technologies were employed, including Pixi.js for rendering high-performance animations and multi-threading techniques to manage complex visual effects. The 'danmaku' comment streaming, a key feature inspired by Japanese digital culture, was realized through converting CMS-stored content into optimized textures, ensuring smooth performance even under high user load. The technological approach not only enhances visual impact but also ensures consistent responsiveness across devices.

Operation and Interaction

The user experience begins with an attention-grabbing landing page featuring smooth scrolling and interactive animations that guide the user through the site. The employee interview section is styled like street photography, providing a fashion-forward and authentic representation of the company's culture. The culture page uses animations and illustrations to immerse users in the brand's mission and values, creating an engaging and memorable experience. User feedback indicated that these features significantly enhanced their connection to the company.

Project Duration and Location

The project commenced in Tokyo in August 2023, with structural planning beginning in October. Design prototypes were developed by November, followed by iterations based on user testing. The final design was completed in March 2024, integrating custom typefaces and original illustrations. Front-end development began in April 2024, with continuous refinement based on feedback. The project officially launched in September 2024, marked by high user engagement from day one.

Specifications

The platform is built to support complex visual interactions, rendering hundreds of animations simultaneously without compromising performance. Using multi-threaded rendering techniques and Pixi.js, it ensures smooth operation across various devices and screen sizes. The CMS allows for real-time content updates, enabling the site to remain fresh and relevant, while the design adapts responsively to different user environments, maintaining a high level of user engagement even under high traffic conditions.

Keywords

Recruitment website, interactive design, danmaku effect, dynamic animations, Pixi.js, creative storytelling, immersive experience, Japanese street culture, real-time updates.