由設計師 Shogo Tabuchi 創作嘅 On Recruit 招聘網站係備受推崇嘅 2025 A' Design Award 銀獎得獎作品，獲獎類別為網頁設計。

銀網頁· 2025

On Recruit 招聘網站

由 Shogo Tabuchi

客戶: On Co.ltd

網頁類別嘅 A' Design Award 銀獎得獎者

76,938

經驗證嘅獲獎者

驗證設計 #164653 嘅獲獎狀態

訪問網站喺 A' Design Award 查看新聞稿獎項徽章

色彩

設計

關於 On Recruit 招聘網站

此招聘平台透過結合視覺吸引嘅設計同動態用戶體驗,重新演繹傳統求職模式。網站從日本街頭文化汲取靈感,並融入彈幕效果,呈現美學與互動嘅獨特結合。平台以創新手法展示僱主內容,旨在不單吸引求職者,更啟發佢哋深入了解公司嘅價值觀同企業文化。

榮譽認可

關於A' Design Award 銀獎

On Recruit 招聘網站是 A' Design Award 銀獎得主，這是授予頂級、華美而令人印象深刻的設計的極為崇高的認可。銀獎得主是極其卓越、極具創造力的作品，展現出其設計師傑出的專業技能、才華與敏銳。預計On Recruit 招聘網站將成為一件出色的典範之作，兼具非凡的專業性與深刻的創新性。這件贏得 A' Design Award 銀獎的設計是一項備受矚目、令人欽佩的發明，造福並拓展藝術、科學、設計和技術的界限。On Recruit 招聘網站是一件令人羨慕的創作，它喚起渴望，帶來積極的情感，並激發驚嘆與讚嘆。

設計背後

新聞資料包

由設計師提供嘅製作人員名單、團隊成員同技術詳情。

獨特屬性: 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. Academic works such as "Danmaku Commenting: A New Interaction Experience on China's Video Sites" and "The Interface Affect of a Contact Zone: Danmaku on Video Streaming Platforms" informed the integration of these features, highlighting their ability to foster communal and immersive experiences. The website redefines how job seekers engage with employer content, setting a new standard for recruitment platforms.
尺寸同包裝: 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.
標籤: Recruitment website, interactive design, danmaku effect, dynamic animations, Pixi.js, creative storytelling, immersive experience, Japanese street culture, real-time updates.
生產技術: 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.
設計挑戰: 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.
研究: 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.
靈感: 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.
項目時長: 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.
操作流程: 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.
團隊成員: Producer: MAI (ON CO.LTD.)
Art Director & Designer: Shogo Tabuchi (S5 Studios)
Front-end & Back-end Developer: Tomoya Takahashi (Orunica Inc.)
Illustrator: SEVNZEL (ON CO.LTD.)
Motion Designer: Matsuura Yasuhito
Photographer: Yoshiaki Hikinuma
Interviewer & Writer: Shunsuke Higashida
圖片來源: All rights related to IP / Copyright / Image / Photo / Sound / Video belong to ON CO.LTD.