Interviews with Shogo Tabuchi

My main focus was to integrate visual design and interaction into a single experience. Rather than having users simply look at information on a screen, I wanted their actions to transform the digital space and gradually draw them deeper into the work.

The approach developed for the S5 Studios Website—integrating visuals, interaction, and technology—continues to influence later S5 Studios projects. In the future, I would like to extend this approach beyond the web into large-scale displays, physical spaces, moving images, and experiences that connect digital and physical environments.

The project took several months from initial concept through design, development, and refinement. Interaction required particular attention because it could not be evaluated through static visuals alone, so motion speed, timing, and transitions were repeatedly tested and adjusted directly in the browser.

The S5 Studios Website was a self-initiated project created as the studio's own portfolio. It gave us the freedom to experiment with visual and technical approaches that can be difficult to explore in client work, and to demonstrate through the website itself how I see the possibilities of web design.

The website was created and operated as the official portfolio of S5 Studios and was not intended for sale or licensing to other companies. It was developed as an original platform for communicating the studio's work, capabilities, and approach to design.

I believe websites can do more than communicate information efficiently. Like film, music, or games, they can also be expressive media that affect people's emotions. A personal portfolio offered the freedom to experiment with this possibility.

I was influenced not only by web design but also by artists such as teamLab, whose work combines physical space with digital art. I was interested in exploring how an online environment could respond to user movement and create an immersive experience similar to a physical installation.

The primary audience includes companies, creative directors, and designers interested in design and digital expression. The website was also designed so that people unfamiliar with S5 Studios could intuitively understand its creative approach simply by interacting with the experience.

Instead of prioritizing the efficient browsing of a project list, the portfolio itself was designed as a creative work. Spatial navigation, motion, typography, and sound introduce S5 Studios' projects while simultaneously demonstrating its approach to digital design.

The “S5” in S5 Studios comes from five words: Shapely, Sharp, Skillful, Splendid, and Supreme. Together, these words represent several qualities the studio values in design, including form, precision, craftsmanship, expression, and quality.

Adobe Photoshop was the primary design tool. Although web-specific interface design tools are commonly used for website projects, this project placed greater emphasis on visual composition and image-making, so Photoshop was better suited to developing each screen as a carefully art-directed visual.

The most distinctive aspect is that the website was conceived as a navigable digital space rather than a collection of flat pages. Visuals and information respond to user actions, turning the act of viewing a portfolio into an interactive experience.

Shogo Tabuchi was responsible for the art direction and design and worked closely with a front-end engineer with specialized technical expertise. Rather than simply handing finished designs over for development, the visual and technical aspects were refined together through repeated browser-based testing.

Technology is not simply a means of reproducing finished visuals; it is an essential part of the design itself. Browser technologies including WebGL and JavaScript-based animation made it possible to create spatial depth, movement, and continuity that could not be expressed through static screens alone.

The project was not primarily data-driven. Instead, I researched a broad range of portfolio and interactive websites from Japan and abroad, examining how they presented creative work. This led to a deliberate decision to create a memorable experience rather than simply another efficient project index.

One of the main challenges was balancing rich visual expression with smooth website performance. Increasing the amount of rendering and interaction also increased the processing load, so the design and engineering were repeatedly tested and adjusted to preserve the experience while controlling performance costs.

I wanted the project to be evaluated internationally as a design that integrated visual expression, interaction, and technology, rather than only as a functional website. Entering the competition also provided an opportunity to understand how this approach would be received outside the context of the Japanese web design industry.

I learned the importance of understanding technological possibilities while designing, rather than treating design and development as separate stages. Experimenting closely with an engineer also helped shape my current approach of art-directing not only visual elements but interaction itself.

After its launch, the S5 Studios Website was featured by numerous Japanese design media as a portfolio website worth referencing. In addition to receiving the Gold A' Design Award, seeing the project circulate as a practical reference among designers and creators became another meaningful outcome of the work.

Our main focus was to design a platform that not only inspires designers but also supports their creative process through active engagement. We wanted users to move beyond passive scrolling and instead begin organizing, interpreting, and sharing their inspirations in ways that reflect their own evolving perspectives. The goal was to transform curation from a personal habit into a shared design language.

To achieve that, we focused on building a structure that supports “learning through doing.” Features like Design Sets, collaborative tagging, and feedback functions were all designed with this intent: to turn inspiration into action, and to encourage dialogue around why something feels “well-designed.” We believe that design skills are best cultivated when personal taste is made visible, questioned, and evolved through community interaction.

We see this award not as a final destination but as a checkpoint in a longer journey. Our next steps involve expanding the platform’s multilingual capabilities, so that it can become a more inclusive space for non-Japanese designers to engage with and contribute to. We also plan to enhance the recommendation system by incorporating more semantic tagging and behavioral insights.

Beyond features, we are also considering ways to integrate design education more deeply—perhaps through themed curation challenges, user-led tutorials, or partnerships with design institutions. Our long-term goal is for S5-Style to become a community-powered archive of visual thinking, one that continues to grow in quality and diversity through user participation.

The full redesign and development of S5-Style took over two years from concept to launch. However, the foundational idea had been simmering for much longer—almost a decade of observing how designers behave, share, and learn online. We took time to prototype not just interfaces but community behavior, moderation flows, and user-curation dynamics.

Because the platform isn't static, our design process never truly ends. Even now, post-launch, we continue to refine and adapt the system based on how real users interact with it. In that sense, the design of S5-Style is more of an ongoing dialogue than a finalized product.

This project was completely self-initiated and born from a sense of cultural responsibility. As designers ourselves, we felt that there was a growing disconnect between exposure to great design and the ability to internalize and learn from it. S5-Style was our way of closing that gap—not by teaching in the traditional sense, but by creating a system where learning happens through practice, observation, and sharing.

We were also responding to a shift in the digital design community—from isolated portfolios to collective ecosystems. The idea was to design a space that didn't just “show” good design, but allowed it to be deconstructed, contextualized, and recombined by others. In this way, the project reflects both our personal values and a broader shift in how we believe design should evolve.

S5-Style is independently developed and operated by our own studio. We have no plans to sell or license the platform, as it is deeply tied to our own philosophy and long-term vision for the design community.

Rather than seeing it as a product to be monetized, we see it as a space for cultural contribution. That said, we are open to collaboration with like-minded organizations who believe in fostering design literacy and creative ecosystems. But the core of the platform—its structure, curation principles, and interaction models—will remain under our direction.

We wanted to address a gap we often observed in the creative industry: while many platforms showcased good design, few encouraged reflection on why a design works. S5-Style was born from that frustration. We aimed to create a space where design isn't just seen but interpreted, questioned, and even reassembled through dialogue.

This type of work—somewhere between archive, gallery, and learning tool—emerged naturally from our own needs as working designers. It wasn’t just about making something beautiful; it was about making a system that helps others recognize, articulate, and evolve their own design sensibilities.

While we deeply admire many design archives and online showcases, the strongest inspiration for S5-Style actually came from outside the design industry—from public platforms like Instagram and X (formerly Twitter).

On these platforms, layers of meaning are formed through a mix of intuitive reactions, expert analysis, and creative reinterpretation. Insights build upon one another through retweets, quotes, comments, and shared context—turning what begins as a personal impression into a rich collective discourse.

This multilayered and dialogic way of engaging with content gave us key hints when designing the platform’s tagging and curation features. We wanted to create a space where diverse interpretations are not only allowed but encouraged—because design understanding grows through openness, not enclosure.

Our primary audience is mid-career designers—those who have moved beyond beginner tutorials but are still refining their own taste, voice, and methodology. We also designed the platform with creative directors and educators in mind, providing them with a tool to guide dialogue, critique, and inspiration.

That said, the system is intentionally open: it doesn’t assume prior expertise. Its simplicity allows newcomers to browse, but its depth rewards those who engage more seriously. The goal is to create a space where all levels of design maturity can co-exist and learn from each other.

What makes S5-Style unique is that it's not just a gallery—it’s an ecosystem built for interpretation. Most design platforms emphasize visual excellence; we emphasize design reasoning. Every feature is designed to promote a reflective relationship with design, encouraging users not just to collect, but to articulate why something matters to them.

From the ability to group works into custom Design Sets, to user moderation of quality via feedback, to layered tagging systems—each element supports a different kind of design engagement. It's a platform that grows not by volume, but by the depth of how users think through and share design.

Unlike our design studio “S5 Studios,” which is named after five guiding principles, the name “S5-Style” does not carry a symbolic framework. Instead, it was inspired more intuitively—partially referencing my own name “Shogo” and the early version of the gallery site I created as a solo designer.

The “S” initially stood for “Shogo” and “Style,” and over time the name took on a life of its own, becoming associated with a distinct perspective on digital aesthetics. It’s a simple name, but its meaning has evolved through years of curation, collaboration, and community input.

We primarily used Figma for interface design and component system documentation. The development environment was built using Next.js and Linaria for CSS styling, allowing for a performant and scalable frontend.

For project management and content architecture, Notion was not used; instead, our logic and taxonomy were directly implemented into the site structure through hand-crafted code and visual UI patterns. The process was less about external tools, and more about tightly integrating design thinking into development.

The most unique aspect is its modular curatorial logic that allows users to transform their visual taste into shareable design knowledge. While most galleries are focused on passive inspiration, S5-Style encourages active structuring of perspective—through tagging, feedback, and the creation of custom “Design Sets.”

This transforms the site into more than a gallery—it becomes a tool for learning and critical observation, shaped by each contributor’s evolving eye.

The project was realized through close collaboration between design and engineering. While I led the overall art direction and UI/UX structure, a core developer handled system architecture, deployment strategy, and dynamic interaction behaviors.

We also worked with a Tokyo-based illustrator, JARIXX, who created the key visual illustration used on the top page. His distinctive pop-anime style helped express the site's editorial identity—connecting curation with character.

Technology serves as an enabler of openness. We designed the site to ensure high responsiveness, zero-runtime CSS, scalable sets of data, and asynchronous interactions across key modules. This makes the curation and submission process feel light and fluid.

But beyond speed, we also used technology to translate subtle human judgment—such as the feel of a good design—into systems for tagging, pattern grouping, and community feedback. In this sense, technology becomes not just a medium, but a translator of aesthetic sensitivity.

Yes, but not in a traditional market research sense. Rather than conducting surveys or user testing, we analyzed behavioral patterns across our previous platform's user activity logs, and reflected on more than 15 years of accumulated curator–audience interactions. Our "Design Sets" concept was born from this qualitative, longitudinal insight—recognizing that designers group visual references not by textbook categories, but by emotional tone, aesthetic nuance, or purpose-driven use. We didn't validate this through A/B testing, but through meaningful dialogues with active users in closed community spaces.

The greatest challenge was balancing two opposing values: openness and quality control. We wanted to create a space where anyone could submit freely, yet maintain a high editorial standard. This led to the implementation of a feedback feature where community members can flag inappropriate submissions based on clear criteria. Designing a scalable and respectful moderation architecture—without stifling user contribution—required both technical and ethical consideration.

We have long admired A' Design Award not only for its reputation, but for how it archives and presents winning works as educational resources. The platform aligns with our own mission—to build a system that elevates the culture of web design itself. We felt it was the right time to put this vision forward on an international stage and gain constructive perspectives from beyond our local ecosystem.

This project reaffirmed the importance of slow design. In an era of rapid iteration, we chose to design over years—not weeks. We prototyped, published early versions, lived with them, and returned to redesign repeatedly. That rhythm brought clarity. More than the visuals, we learned how to build a platform that feels like a conversation over time—not a single deliverable, but an evolving dialogue with our users.

One element we’d like to highlight is the cultural context of Japan in shaping this project. The idea of “Wa”—harmony—played a quiet but powerful role in how we designed user interactions. Rather than gamification or algorithmic curation, we prioritized mutual respect, subtle signaling, and dialogical design. We believe this offers an alternative model for digital platforms—one shaped not just by technology, but by cultural intention.

Our focus was to achieve a careful balance between expressive visual storytelling and coherent structural design.
While delivering an immersive visual experience, we ensured that the content remained clear and navigable.
We also worked hard to harmonize “playfulness and consistency.” For example, the WebGL bullet-hell animation is not just decorative—it’s thematically aligned with the concept of "unleashing potential."
Our goal was to transform moments of surprise into moments of resonance.

Rather than ending with a launch, we see this project as the beginning of a living platform that will evolve alongside our company’s narrative.
Beyond recruitment, we plan to expand its scope to express our corporate philosophy through product stories, brand initiatives, and future-forward perspectives.
Additionally, we aim to modularize some of the front-end techniques, animations, and UX patterns we developed—allowing them to be reused across future digital experiences.

The project took approximately six months to complete.
The first three months focused on the invisible but essential phase of articulating the brand’s philosophy—translating abstract values into design direction.
We held multiple discussions with stakeholders to define the company's identity and narrative architecture, followed by sketching and copywriting.
The latter half was devoted to structural design, motion direction, and front-end implementation, with careful attention to performance and scalability.

This project was originally initiated as an independent concept by the creative organization ON. I was invited as a partner to contribute art direction and interactive design through my studio, S5 Studios. Commissioned by ON, I worked closely with their internal team to define the visual language and orchestrate the experiential architecture of the site.
Rather than simply creating a “recruitment website,” the project aimed to embody a deeper concept—“unlocking potential”—through an interplay of structure, storytelling, and emotion. It was a collaborative journey of exploring how visual and UX design could evoke subtle meanings and resonate with users through movement, rhythm, and atmosphere.

This project was commissioned by the organization ON and is currently in active use as their official recruitment website. As an external partner, S5 Studios was responsible for the creative execution, while ownership of the final design belongs to ON. Therefore, there are no plans to sell or license the work independently.
Rather than being treated as a standalone artifact, the project serves as a case study in how organizations can collaborate with external creatives to visualize their identity and potential. The design process itself was a shared journey, and that collaboration is a core part of the project's value.

I believe recruitment websites offer one of the most direct ways for a company to express its values and identity—not just information. Especially for ON, a company that embraces change and evolution as part of its ethos, the recruitment platform needed to be as bold and forward-thinking as the people they seek to attract.
Having worked extensively at the intersection of brand communication and web/UI design, I saw this as an opportunity to design a user experience that merges structure with emotion. It wasn’t just about presenting job listings—it was about designing the experience of discovery and resonance from a candidate’s perspective.

While not influenced by any specific designs in a visual sense, I was heavily inspired by the conceptual approach of Virgil Abloh. His methodology of re-editing meaning through structure and typography—and his seamless blend of street culture with contemporary art—resonated with me deeply, and I sought to translate that mindset into a web context.
From a UX standpoint, I’ve also been inspired by experimental designers who explore poetic micro-interactions and disrupt standardized UI conventions to heighten emotional engagement. These influences helped me craft an experience that feels both intuitive and refreshingly unorthodox.

The primary audience for this recruitment website is professionals who resonate with ON’s values and vision—those who are excited by the opportunity to grow through change and challenge. This includes individuals across product development, design, engineering, and marketing who aspire to shape what comes next.
Beyond job candidates, the site is also intended to appeal to creative collaborators, partners, and like-minded organizations who might engage with ON in future co-creative endeavors. In this sense, the site acts as both a recruitment portal and a statement of identity.

What distinguishes this design is its attempt to translate organizational philosophy into experiential structure—going beyond surface-level beauty or trendiness. Every element, from animations and scrolling transitions to the "bullet hell" visual effects, was orchestrated to evoke psychological themes like "unlocked potential" and "personal connection."
Rather than presenting static information, the site is designed to guide visitors through an emotional journey, where interaction becomes a medium of storytelling. The goal was for users not just to read the site—but to feel it.

The title “UNLOCK YOUR FANTASY” was derived from ON’s internal vision and cultural ethos. At ON, imagination and potential are seen not as abstract ideals but as engines for real-world evolution.
The word “FANTASY” reflects the power to envision realities not yet shaped, while “UNLOCK” signals the act of releasing that dormant potential. Together, they express a hope: that through the hiring process, individuals will encounter new aspects of themselves—and perhaps new paths—previously unexplored.

Figma was used for art direction and UI structuring, while Photoshop and code-based prototypes supported interaction design. The development was carried out using technologies like Next.js, GSAP (GreenSock), and Pixi.js to realize real-time animation and transitions.
We also experimented with generative AI and motion capture techniques to create certain visual elements that push the boundaries of conventional web experiences. For us, tools are never the starting point—they are selected backward from the question: how do we want people to feel?

The most unique aspect lies in how we challenged the norm of recruitment websites being merely informational. We aimed to create an experience that feels more like play—through interactive "bullet hell" visuals, immersive scrolling narratives, and carefully curated whitespace.
At the same time, we were meticulous in preserving the site’s utility: ensuring visitors could still efficiently explore roles, culture, and values. The core of this design is the delicate balance between emotion and function—between engaging the heart and serving the need.

This project was a result of close collaboration between ON and our team at S5 Studios. From ON’s side, various specialists—including branding strategists and recruitment communication leads—helped shape the vision, content, and structure of the site.
A particularly important contributor was SEVENZEL, an in-house artist at ON. His pop-inspired, dynamic anime-style illustrations brought a powerful visual identity and distinctive energy to the site, serving as one of its most iconic and memorable elements.
At S5 Studios, we were responsible for art direction, visual design, interaction architecture, and development. Together with ON, we iterated rapidly through prototypes and discussions, achieving a seamless integration of strategy, storytelling, technology, and visual experience.

Technology in this project serves as a vessel for emotion. Smooth animations and real-time transitions aren’t just decorative—they invite immersion and embody ON’s forward-looking nature.
The bullet-hell effects built with Pixi.js and the seamless transitions via GSAP were key to evoking a sense of tactile engagement and dynamic energy. By dissolving the boundary between design and technology, we aimed to create a site that doesn’t merely inform—but moves.

Rather than using hard data or analytics, we focused on understanding the emotional contours of our target users.
We conducted informal interviews with young professionals and people casually browsing job opportunities to uncover moments of emotional response—what sparked curiosity, what felt disingenuous, what turned them off.
That sensitivity to emotional texture informed everything from the tone of the copy to the timing of micro-interactions. It was empathy, not metrics, that drove the design.

The biggest challenge was finding the right balance between bold creative direction and the trustworthiness expected from a recruitment platform. Striking visuals can grab attention, but they must not interfere with the emotional clarity required for important life decisions like job applications.
To navigate this, we frequently used concept sketches and prototypes to facilitate discussions. Each visual or interactive effect was questioned: does it serve the narrative? Is it emotionally aligned with the content? That ongoing calibration was key.

We wanted to share this project—shaped through deep collaboration between ON and S5 Studios, and infused with Japanese cultural nuance—with a global audience.
More than just showcasing visuals or UI, we were interested in seeing how the underlying conceptual thinking would be received in an international design context. The submission was both an expression of pride and an experiment in cross-cultural design resonance.

What I learned most is that creating “strong expression” requires first listening to subtlety and ambiguity. Powerful visuals are not just about boldness—they’re built on the quiet accumulation of thoughtful decisions, emotional translations, and careful stakeholder dialogue.
This project reminded me that visual intensity alone isn’t enough to move people. It’s the empathy behind the design that gives it real strength.

This project was an attempt to deconstruct the conventional frame of a “recruitment website” and instead give shape to aspirations that hadn’t yet been verbalized.
It was also a case of true co-creation—where internal and external teams worked seamlessly as partners, not client and vendor.
In that sense, I see this award not just as recognition of the visual outcome, but as a validation of the design philosophy behind it.

My motivation comes from solving problems and creating new value through design. Seeing how design positively impacts people's lives and businesses brings me immense joy, and this is the primary reason I chose to become a designer.

Becoming a designer was a path I chose for myself. I was naturally drawn to the field because of its unique blend of creativity and problem-solving, which I found incredibly compelling.

I primarily design websites, branding, and interactive experiences. In the future, I would like to take on large-scale projects that blend digital and physical elements or explore immersive spatial design.

Find your strengths and hone them relentlessly. Be open to feedback, maintain a willingness to take on new challenges, and never stop learning. Staying adaptable to changing trends and technologies is also essential for growth and success.

A good designer creates visually appealing and functional designs. A great designer goes deeper, understanding the problem thoroughly, aligning designs with strategic goals, and crafting solutions that resonate emotionally with the audience.

A great design effectively solves the problem, provides an intuitive and pleasant user experience, and conveys the brand's message clearly. The balance of functionality, aesthetics, and emotional impact is critical when evaluating good design.

Good design enhances user experience, builds brand trust, and drives business success. It fosters deeper connections with the audience and generates long-term loyalty and credibility. In competitive markets, good design serves as a decisive differentiator.

If I had the time, I would design an educational curriculum for design beginners and young creators. It would go beyond teaching skills and techniques, incorporating the fundamental value of design and its impact on society and business.

I aspire to create a platform that connects Japanese digital creators and their works. This platform would spotlight talented creators and projects that often go unnoticed, fostering new opportunities for collaboration and interaction in innovative ways.

My secret to success lies in "curiosity" and "empathy." Constantly thinking from the user’s perspective and deeply exploring what they need leads to designs that resonate emotionally. Additionally, by continually learning new skills and technologies, I can consistently create fresh and valuable work.

Bruno Munari is a significant source of inspiration for me. His designs seamlessly blend aesthetics and functionality, with a playful spirit that reflects profound philosophy. His diverse approaches to education and art demonstrate the potential of design to fulfill a role beyond mere visual expression, contributing to society.

I admire the furniture designs of Ronan and Erwan Bouroullec, particularly pieces like the Rope Chair and Ploum Sofa. These works are simple yet innovative in form, with masterful use of materials. They not only captivate visually but also consider tactile experiences, bringing a special sense of comfort and sophistication to everyday life.

One of the greatest designs I consider is the character design of the Pokémon series. Characters like Pikachu and Charizard from the early series are simple yet brimming with personality. They are universally beloved, appealing to a wide age range, making them outstanding examples of iconic design.

To become a better designer, I believe in three key practices:

Continuously learning and staying aware of trends and technologies.
Actively seeking feedback and refining your work.
Exploring diverse fields to broaden perspectives.
I have applied these principles myself, growing both creatively and strategically.

If I hadn’t become a designer, I would have pursued a career as a music producer or sound designer. Music is a significant source of my creativity, with its power to convey emotions and stories. Like design, music has a profound impact on people, which I find equally inspiring.

Design is the art of problem-solving and value creation. It’s a means of enriching people’s experiences by blending beauty with functionality. Great design has the power to transform ideas into meaningful interactions.

Mentors and colleagues I encountered throughout my career have played a significant role in my growth. Their guidance and collaboration have been invaluable to me.

Valuing curiosity and experimentation has been crucial. Trying new approaches and collaborating with people from diverse fields have broadened my creative perspectives and strengthened my problem-solving abilities.

One major obstacle was finding the balance between creativity and practicality. Learning how to align innovative ideas with client goals wasn’t easy. Another challenge was overcoming a lack of confidence, which I addressed through continuous learning and experience.

I believe it is essential for designers to clearly communicate the intent and story behind their work. Rather than simply showcasing visuals, sharing how the design addressed specific challenges and the process behind achieving the results fosters a deeper understanding and connection. Additionally, combining consistent visuals with concise and impactful messaging makes presentations more effective.

Currently, I am working on building the recruitment branding for a major Japanese company. This project challenges me to visually and experientially represent the company’s culture and values. Moving forward, I aim to continue providing new value through projects that focus on interactive design and enriching user experiences.

My ultimate goal is to create a community where designers can learn from and inspire each other through S5-Style. I envision this platform offering opportunities for emerging designers to showcase their work and connect with other creators and industry professionals. My vision is to grow S5-Style into a trusted design community recognized both in Japan and internationally.

I feel clients and society expect me to bring fresh perspectives and innovative ideas. They also look for design to go beyond aesthetics, contributing to tangible problem-solving and value creation. To meet these expectations, I strive to consistently deliver high-quality outcomes.

Design has the power to solve problems and enrich lives. It can also promote diversity and inclusivity. For example, accessible design helps provide equal opportunities for everyone. Moreover, design can raise awareness of critical social issues through impactful visual messaging.

I am currently excited about a project to develop the recruitment branding for a Japanese company with over 1,000 employees. This project involves not only visually representing the company’s values but also crafting taglines and messages that resonate with both applicants and employees.

The project that brought me the most satisfaction is my portfolio site, S5 Studios. By incorporating fluid navigation and interactive elements, it created a space that embodies my design philosophy.

I hope to see greater diversity and inclusivity in the design industry. As the use of AI and technology continues to grow, I also wish for a renewed appreciation of human creativity and storytelling. Furthermore, I would like design to be increasingly recognized for its social impact and importance.

I believe the design field is moving towards a fusion of physical and digital experiences. For instance, designs leveraging augmented reality and virtual reality will likely become more mainstream, integrating more deeply into people’s daily lives.

The time required depends on the scale and complexity of the project. Smaller projects may take a few weeks, while larger ones can take several months. Effective schedule management and feedback processes are particularly critical for projects involving multiple stakeholders.

I begin a new project with research and thorough discussions. Understanding the client’s goals, challenges, and the needs of the target users is the first step. After that, I organize ideas, refine the concept, and clarify the design direction.

My motto as a designer is to balance "creating designs that resonate with others" and "having the intent to generate unique value." This dual focus has become the foundation, or "axis," of my design career.

I believe both influence each other. Great design can create new trends, but societal and technological advancements often shape the direction of design trends. The key is to remain focused on intrinsic value rather than merely following trends.

Technology serves as a crucial tool for bringing ideas to life. Especially in interactive design and digital projects, leveraging the latest technology enriches the user experience and expands the possibilities of what can be achieved.

I frequently use Adobe Creative Suite and Figma in my daily work. For mockups and prototyping, I utilize a range of tools, from simple sketches to 3D software. A notebook and pen are also indispensable for organizing ideas.

Color, materials, and ambiance significantly impact the emotional resonance of a design. For instance, color shapes the visual impression, materials offer tactile experiences, and ambiance defines the overall feeling of the design. Balancing these elements creates more engaging and effective designs.

I would love for people to ask questions like, "What was your intention behind this design?" or "What kind of impact did you aim to create for the users?" These questions provide an opportunity to share the story and process behind the design.

I think, "Why is this so compelling?" I analyze not just the visual aspects but also the problems the design addresses and how it delivers its intended experience.

An ideal design partner is someone who brings different skills and perspectives while working collaboratively toward a shared goal. I firmly believe in co-design, as it broadens perspectives and fosters greater creativity.

The mentors and colleagues I met early in my career had the most significant influence. They taught me not only the importance of design but also problem-solving and user-centered thinking. Additionally, interactions with clients have often provided new insights and ideas.

One of the books that had the most significant impact on me is Design Rule Index by William Lidwell. What makes this book exceptional is how it explains design principles with concrete examples, making them easy to apply to real projects rather than remaining abstract theories. It has helped bridge the gap between theory and practice, deepening my understanding of design.

Practical experience through real projects has been the most critical factor in developing my skills. I’ve consistently taught myself new tools and technologies and analyzed the works of other creators to expand my skillset. Additionally, I’ve embraced learning from failure and being open to feedback, which has been vital for growth.

I would like to meet my future self to discuss past failures and successes.

Awards and recognition are invaluable as they validate my efforts and achievements. However, fame itself is not my goal. My primary focus is on delivering value to society and people through design.

My favorite place is my living room at home. Surrounded by my favorite furniture, it provides the ultimate space for relaxation and inspiration. The room features a contemporary-designed table and chairs that harmonize perfectly with the space. My favorite color is white, which I often use as a base for furniture and interior design. Enjoying a coffee while reading a book or brainstorming design ideas in this space is my ultimate bliss.

Once, I traveled three hours by bullet train for a client meeting, only to have it canceled because the client was in a bad mood. At the time, it was shocking, but now it’s a funny story I share with colleagues.

The moments when my work is celebrated at awards or events, which happen once a year, are the ultimate joy as a designer. The recognition and feedback I receive in those settings fuel my motivation for new challenges. Even during daily design tasks, recalling those moments gives meaning to my work and propels me toward the next goal.

As a child, I loved drawing and creating things. Back then, I dreamed of becoming a game designer and was deeply fascinated by building imaginary worlds.

I believe the future will hinge on the harmony between technology and nature. A thousand years from now, design will seamlessly integrate into every aspect of daily life, offering more personalized experiences. Sustainability will also evolve into an even more critical theme.

Design is not merely about aesthetics; it’s a tool for delivering value to society and people. I’ll continue to push boundaries and aim to create designs that offer better experiences and ideas. I’m sincerely grateful to everyone who supports me.

S5 Studios, where I work, is a creative studio founded on five values: Shapely, Sharp, Skillful, Splendid, and Supreme. We handle a wide variety of projects, specializing in digital promotion and interactive design, helping artists, fashion brands, and corporations address their challenges.

For me, design is the fusion of problem-solving and value creation. It is more than just aesthetics; it is a means to enrich people's experiences and contribute to businesses and society. Design has the power to visualize ideas and influence emotions and behaviors.

I particularly enjoy designing for brand development and digital promotion. Interactive web designs and experiential installations are especially fulfilling because they allow for deeper connections with users.

One of my favorite designs is the ON recruitment website. This project utilized dynamic typography and custom fonts to deliver an innovative web experience. What stood out was how effectively the company's message, "Unlock Your Fantasy," was visually expressed.

The first project I designed was a website renewal for a small business. However, the first time I felt the true joy of design was when working on an official website for an anime.

While my primary focus is digital platforms like websites and installations, my favorite tools are a notebook and a pen, which help me conceptualize and organize my ideas.

I feel most creative when conceptualizing new projects or collaborating with experts from different fields. Moments of intense focus before deadlines or after refreshing in nature also inspire particularly creative ideas.

I prioritize the purpose and user experience of a design. Ensuring visual consistency, usability, and how the design impacts emotions and behaviors are critical. Additionally, I emphasize conveying the brand's message and story effectively.

Designing evokes excitement, joy, and occasionally frustration. However, when an idea takes shape and provides value to clients or users, I feel a profound sense of accomplishment and satisfaction.

When my designs are realized and receive positive reactions from users or clients, I feel a mix of fulfillment and gratitude. Witnessing how the design impacts and benefits people motivates me to take on new challenges.

A successful design not only looks beautiful but also achieves its purpose and provides value to users. Consistently conveying the brand's message and delivering a sustainable impact are also vital elements.

When evaluating a design, I first consider how effectively it fulfills its purpose. Then, I assess its visual appeal, usability, and the smoothness of user interactions.

Designers have responsibilities towards society and the environment. This includes choosing sustainable materials and processes and conveying socially beneficial messages. Promoting diversity and inclusivity through design is also an important role.

The design field is rapidly evolving with advancements in technology. The rise of AI and interactive design is expanding possibilities. I believe the future of design lies in transcending physical boundaries to deliver personalized experiences for each user.

My next major presentation will be at Adobe MAX Japan in February 2025. I will give a talk on the co-creation of design and AI. This event is a fantastic opportunity to explore the future of design and share my perspectives and projects with a wide audience. Moving forward, I aim to showcase my work through interactive experiences and virtual exhibitions.

I draw inspiration from avant-garde creators across fields, regardless of age or nationality. Recently, I often collect inspiration from Instagram, where diverse perspectives and creativity abound.

My design style combines refined minimalism with bold visual elements. I began exploring this style after realizing the power of design to convey messages intuitively. Its main characteristics include visual consistency, interactive engagement, and storytelling.

I live in Japan, and its cultural heritage, especially the spirit of "wa" (harmony) and minimalist aesthetics, greatly influences my design. The attention to detail and balanced designs are advantageous, but sometimes tradition can slow the acceptance of innovative ideas.

I work closely with clients by clarifying project goals and objectives. I emphasize thorough initial discussions to understand their values and needs. Throughout the design process, I incorporate feedback to achieve optimal results.

When working with a designer, it's essential for companies to look beyond the portfolio and understand the designer's process and thought approach. A good designer excels at solving problems based on objectives and possesses strong communication skills. Additionally, I recommend clearly defining project goals and expectations while fostering a culture of open feedback during collaboration.

My design process involves the following stages:

Research and Discovery: I begin by conducting thorough research and discussions to deeply understand the client's goals and user needs.
Concept Development: I then create sketches and mockups to clarify the design direction. During this phase, I strive to visualize the visual design and interactions as concretely as possible, aiming to elevate the client's needs to a higher level.

A painting by Teppei Takeda
An illustration poster of "Zashiki Warashi"
A Rope Chair by Ronan & Erwan Bouroullec
A vase by Boris Tellegen
A NUJABES-inspired BE@RBRICK

My day begins with brewing coffee and having a light breakfast of bread. I then open my laptop and spend some time surfing the internet for inspiration. Most of my day is dedicated to focusing on design, progressing multiple projects incrementally. In the evening, I relax by watching YouTube, and before going to bed, I enjoy reading a book.

It's essential to find your strengths and keep learning continuously. Embrace feedback from others and adopt a fearless attitude toward challenges. Learning from failures and using them as opportunities for growth is equally important.

A positive aspect is the ability to bring ideas to life and influence people's lives through creativity. On the other hand, balancing self-expression with client requirements or managing deadlines and budgets can sometimes be challenging.

"Never lose sight of the user perspective." While beauty and innovation in design are crucial, the ultimate key to success lies in delivering value to users.

In addition to visual skills, problem-solving abilities, communication skills, and a commitment to continuously learning new technologies and trends are critical for success as a designer.

I use Adobe Creative Suite, Figma, and Spotify as my main tools during the design process.

I prioritize tasks by their importance and set clear deadlines for each stage. Accurate time estimation and planning a realistic schedule help me stay organized and productive.

The duration depends on the scale of the project. Simple designs can take a few weeks, while larger projects may require several months to complete.

I am often asked, "How do you find inspiration?" My answer is, "By staying curious and engaged with the world around me in everyday life."

My most important job experience was directing the art for the ON recruitment website. This project allowed me to go beyond traditional design norms and pursue a unique style that embodied the client’s values. The challenges I faced in this project significantly broadened my perspective on design.

My main clients include artists, fashion brands, manufacturers, and corporate clients.

I enjoy brand development and interactive design because they provide an opportunity to simultaneously achieve visual beauty and practical functionality.

I plan to deepen connections with talented regional and young creators within Japan's digital design community and foster a more vibrant creative environment.

It depends on the project, but I often work collaboratively as part of a team. Collaborating with members who have diverse skill sets helps achieve better results and enriches the creative process.

I am currently working on branding for a company with over 1,000 employees. The project involves meticulous research to define the company’s identity, and I am now developing taglines and visual concepts. Please look forward to the final results.

You can contact me through my website. I also share my work on Instagram.

Design is constantly evolving, and continuous learning is the key to success. I aim to keep challenging myself and exploring new possibilities in design.

The decision to transform S5 Style from a curated gallery into a learning ecosystem came from a deep sense of responsibility. Over 19 years, we witnessed not just design trends, but also how aspiring designers struggle in isolation—often consuming great work without knowing how to translate that inspiration into their own creations.We realized that inspiration without a feedback loop quickly fades. Instead of only highlighting “great examples,” we wanted to make S5 Style a place where designers could test, share, and refine their ideas collaboratively. It was less about turning users into consumers of beauty, and more about turning them into participants in an ongoing design dialogue.This shift was also a response to changes in how people learn. Formal education can’t always keep up with the fast pace of digital design. By creating mechanisms for peer feedback, shared design sets, and versioning tools, we allowed the community itself to become the teacher. Curation still exists, but now it works in tandem with contribution—a dynamic we believe is essential to contemporary creative learning.

Rather than choosing tools based solely on performance benchmarks, we focused on alignment between technological flexibility and creative freedom. Our platform architecture needed to support not only rich media presentation but also dynamic user interactions, real-time feedback, and a sense of emotional responsiveness.Next.js provided the modern developer experience and SEO-friendliness we needed, while Recoil enabled intuitive state management across deeply interactive UI components. Django, on the other hand, offered the reliability and clarity necessary to manage complex user data and custom workflows behind the scenes.Importantly, we avoided technologies that would force designers to fit into rigid templates. Every piece of the tech stack was selected to facilitate expression, not restrict it. We also emphasized a separation of concerns, enabling front-end and back-end teams—including non-developers—to collaborate fluidly. The result is a system where the technology supports—not dictates—the platform's purpose: to let designers explore, contribute, and grow.

We created the closed Slack community not just as a backchannel for communication, but as a co-governance layer that enables shared stewardship over the platform’s direction. In many online platforms, user interaction is either overly open—leading to noise and low-quality engagement—or overly hierarchical, which discourages participation. We wanted to design a third way: a compact, intentional space where quality could emerge from trust.Within the Slack community, curators, power users, and invited contributors can discuss submissions, share candid feedback, and even co-create thematic collections. This creates a dynamic feedback loop that helps us iterate on platform features and policy decisions in real time, with those most invested in the experience.The impact goes beyond feature updates. By involving users in the shaping of the platform, we nurture a sense of collective authorship, where designers feel ownership over not just what they post, but the entire cultural tone of the platform. This bottom-up energy has proven invaluable in evolving the platform from a curated archive into a living, breathing creative commons.

Over the past 19 years, we've witnessed web design shift from visual novelty to systemic clarity—from aesthetics-first to behavior-aware design. When S5 Style was first launched in 2006, digital landscape celebrated bold experimentation, often without clear usability patterns. But over time, as the web matured into infrastructure, user behavior became more intentional, and the design language more modular.This long-term perspective allowed us to trace deeper patterns beneath fleeting trends. One key insight was that design is no longer evaluated solely by visual uniqueness, but increasingly by its capacity to mediate complexity with grace—to be both expressive and understandable.The 2024 renewal of S5 Style was therefore not just a visual refresh but a philosophical repositioning. We transformed the platform into a participatory system where inspiration is tied to application. The ability to collect, discuss, remix, and re-upload designs reflects a broader truth: that in today’s web culture, the best designs are not fixed, but evolving dialogues.We also saw that younger generations of designers were more inclined to learn through community, iteration, and shared vocabulary. Our decision to structure the site around curatable sets and interactive feedback mechanisms reflects this behavioral shift. In short, we designed S5 Style not just for how the web looks today—but for how designers behave tomorrow.

The coexistence of official curation and user-generated content is not a contradiction but a carefully calibrated structure within S5 Style. Our philosophy is that diversity without structure can become noise, while structure without diversity leads to stagnation. We designed a dual-layered system to honor both.Official curators serve as cultural lenses. They bring professional insight, trend sensitivity, and nuanced commentary—setting benchmarks for quality and taste. But instead of acting as gatekeepers, their role is to model perspective, not impose criteria. This inspires users to reflect, not conform.On the other hand, user-generated content reflects the raw, evolving reality of design practice. We wanted to preserve that vitality without compromising editorial integrity. So we implemented visible indicators of curator-selected works, as well as community tagging, thematic grouping, and learning-oriented filters that elevate user contributions without suppressing individuality.The result is a living gallery where authority and curiosity co-shape the ecosystem. Instead of a hierarchy, we cultivate a dialogic space—where curators and users learn from each other through visibility, not control.

While S5-Style encourages user participation, we knew from the beginning that maintaining design quality and ethical standards was essential for the platform’s credibility. Instead of traditional commenting or scoring systems, we introduced a curation support system where users can flag submissions that violate our site policy.This mechanism isn't for casual critique; it's a form of community-based moderation, empowering users to help maintain the integrity of the gallery. Reports are reviewed by the administration team, who assess whether submissions include spam, misleading thumbnails, copyright violations, or low-quality or inappropriate content—including hate speech, nudity, or dangerous affiliations.By offering this light-touch moderation tool, we allow users to post freely while ensuring that the overall database remains trustworthy and valuable to professionals. It’s a delicate balance between openness and quality control, and we believe this system preserves both.

The customizable design sets within S5-Style are not confined to design principles alone—they are intentionally open-ended to accommodate a wide range of personal perspectives. Some users organize sets around classical concepts like grid systems or typography rules, while others create sets focused on specific mediums such as photography, illustration, or animation.This flexibility allows users to build their own mental models of design, based on what matters most to them. Rather than prescribing a fixed learning path, the system encourages diverse ways of seeing and structuring visual information. It’s a tool not only for organizing references, but for shaping creative thinking itself.What makes Design Sets especially powerful is their utility across skill levels: beginners can start by grouping what inspires them without needing formal vocabulary, while professionals can articulate their design logic and share it with the community. The act of creating a set becomes an act of reflection—turning scattered impressions into structured, shareable insight.

To support thousands of concurrent users while maintaining consistent performance, S5-Style Web Design Gallery adopts a distributed architecture that aims to separate key processes—such as submission, curation, and feedback—as much as technically feasible into independently managed systems. This approach minimizes the risk of a single user action overloading or interfering with the platform. By decentralizing these functions wherever possible, we ensure smooth and responsive interactions, even under high traffic conditions.

S5-Style is evolving toward becoming not just a curated gallery, but an open learning ecosystem where designers of all backgrounds—professional or amateur—can grow through active participation. Especially in Japan, where design education is often classroom-based or portfolio-centric, we believe there is tremendous potential in peer-led, decentralized learning that grows from community feedback and collective archiving.Our vision is to position S5-Style as a platform that reflects the Japanese value of “和 (wa)”—not only in aesthetics, but in the way people engage with each other. The design community in Japan has long valued silent mastery and individual perfection. We hope to complement this tradition with a more dialogic, generous model of growth, where even anonymous contributions can spark shared learning.In the future, we aim to develop more tools to help users organize their inspirations, document their design reasoning, and curate their own design sets in ways that reflect their evolving taste. By expanding multilingual access and allowing for cultural interpretations from different regions, we also aspire to bring Japanese design sensibilities into dialogue with global design values, creating a platform that is local at its core, yet internationally resonant.Through this vision, S5-Style will not only archive good design—it will become part of the process by which good designers are made.

The technical challenge was to translate a visually dense concept like danmaku into a performant, interactive website. Inspired by the gaming industry’s use of multi-threaded rendering and offscreen canvases, we leveraged Pixi.js and a texture-based CMS system to manage hundreds of animated comments. This decision wasn’t merely technical—it was strategic. We knew from our research that job seekers in creative industries often judge company websites on both aesthetic appeal and technical sophistication. By delivering a real-time, fluid experience, we signaled to prospective candidates that this company values experimentation, advanced engineering, and expressive storytelling—all qualities that attract high-caliber talent.

The 35% spike in interaction confirmed our hypothesis: that job seekers are not just looking for information but also a brand experience. This finding redefined our design priorities. Rather than stripping back visuals for clarity, we chose to enhance interactivity through thoughtful transitions, hover feedback, and layered storytelling. In doing so, we resisted the binary of beauty vs. usability. For modern job seekers—especially creatives—an interface that is both expressive and usable communicates that the company understands their values. It’s a silent but powerful form of cultural signaling.

We chose a street photography aesthetic to break free from the sanitized visuals often found in corporate recruitment. Traditional employee portraits tend to be overly composed, erasing individuality in favor of uniformity. But the real culture of a company exists in its everyday gestures, glances, and imperfections. By shooting interviews in the style of fashion-oriented street snaps—common in Tokyo's creative neighborhoods like Harajuku or Nakameguro—we captured employees not as spokespersons, but as individuals. This direction aligned with our client’s brand values: diversity, openness, and authenticity. It helped communicate to potential candidates that this is a workplace where people are not just allowed but encouraged to bring their whole selves to work.

The biggest challenge wasn't technical—it was cultural. Convincing stakeholders to adopt a visual language rooted in Japanese street and counterculture required more than just aesthetic arguments. We needed to reframe what a recruitment site could be. Most corporate hiring pages are templated and transactional, designed to minimize risk and maximize clarity. We argued that this sameness is precisely what prevents companies from standing out in a saturated talent market.We built our case through user research: target audiences—especially creatives—responded more positively to expressive, even chaotic visuals, provided the user journey remained intuitive. We referenced the rise of "danmaku" commentary culture, not just as a visual gimmick, but as a reflection of how the next generation consumes media: fast, participatory, emotionally charged.By showing stakeholders that design could signal the kind of freedom and individuality the company promised, we aligned the site’s tone with its employer brand. Gradually, the internal resistance faded—not because we diluted our vision, but because we translated it into strategic value.

The custom typeface and illustrations weren’t decorative additions—they were the foundation of our storytelling. We wanted to avoid generic “corporate diversity” imagery or stock visuals that often dilute the unique voice of a brand. Working with SEVNZEL, who comes from a graffiti and pop-culture background, allowed us to inject raw energy and emotional tension into the site’s visual DNA.The typeface was designed to reflect a sense of individuality—its asymmetrical construction and soft distortions mirror the messy beauty of real-world creativity. Instead of conveying neutrality, it invites users to feel something. The illustrations served a similar role. Each graphic was crafted to echo the personalities and values of the team, from humorous depictions of work culture to abstract metaphors for curiosity and growth.This was a deliberate move to collapse the distance between employer and candidate. In a recruitment context, visuals are often sterilized to avoid alienation—but we took the opposite approach. We leaned into emotional cues, showing that sincerity and imperfection could be assets. That philosophy united the entire creative team, allowing design, copywriting, and motion to work in unison.

We approached the culture page not as a static manifesto but as an emotional experience—something to be felt before it is understood. Rather than presenting a list of values, we used motion and illustration to create a sense of rhythm, immersion, and psychological pacing. Each animation was choreographed to reflect the progression of a candidate’s mindset: curiosity, identification, empathy, and, finally, alignment with the mission.The animations were intentionally restrained in tempo and palette, inviting contemplation rather than distraction. We wanted users to slow down and absorb the atmosphere, not skim through slogans. This deliberate pacing allowed us to deepen engagement and deliver abstract ideas—such as “evolving through empathy”—without resorting to over-explanation.Moreover, in Japan’s saturated job market, where many companies rely on similar messaging, we needed a way to cut through the noise without shouting. Motion design, in this context, became a medium of subtle provocation—guiding the user to feel the difference rather than be told about it.Ultimately, this storytelling strategy helped transform recruitment content from obligation into inspiration. It gave users the feeling that they weren’t just applying to a company, but stepping into a shared worldview.

One of the most crucial turning points in the development process occurred during the first round of internal user testing. While the visual presentation was well-received, users reported a sense of detachment when transitioning from the animated landing page to the interview and culture sections. It became clear that while individual parts were compelling, they lacked a cohesive emotional arc.To resolve this, we reorganized the narrative flow of the site—restructuring the scroll behavior and adding micro-interactions that emotionally “stitched” one section to the next. This adjustment transformed the user journey from a series of highlights into a continuous, immersive experience. Feedback from both designers and non-designers confirmed that this helped users feel more connected to the people and values behind the company.Another major insight came from real-time social media reactions on launch day. Over 37,000 impressions and hundreds of engagements revealed not just traffic, but unusually deep resonance with the storytelling approach. Comments like “I’ve never seen a recruitment site like this” or “I want to work with people who think like this” validated our choice to depart from industry norms.Additionally, we iterated on performance and accessibility—ensuring the advanced visual effects didn’t compromise load speed or usability. Balancing aesthetic ambition with practical accessibility was a continuous effort throughout development.

The integration of Pixi.js allowed us to deliver a high-performance, game-like visual experience that feels lightweight and fluid, even on lower-end devices. However, the real innovation lies in how this visual layer is dynamically fed by the CMS. Rather than baking animations into static code, we created a system where danmaku (bullet curtain-style) messages—referencing a well-known feature from Japan’s Niconico platform—are authored through the CMS and converted into textures on the fly. These textures are then rendered via an offscreen canvas using multi-threaded drawing, ensuring that the browser’s main thread remains responsive.This approach enabled the site to keep its visual storytelling fresh without requiring developer intervention. For example, recruitment messages and key themes can be updated in real time, automatically reflected in the animated layer. It empowered the HR and marketing teams to continuously adjust messaging while preserving the immersive quality that makes the site memorable.From a performance perspective, this decoupled architecture allowed us to scale efficiently. By separating the content logic from the rendering logic, we could cache assets aggressively, optimize draw calls, and prioritize load speed—critical for retaining users who might otherwise abandon the experience before it unfolds.

On Recruit was never intended to be just another recruitment site—it was a provocation. In a landscape where many platforms rely on templated UI and generic corporate messaging, we wanted to prove that recruitment design could be a cultural statement. By integrating danmaku-inspired motion graphics and fashion editorial-style photography, we blurred the lines between job-seeking and cultural engagement, especially for younger audiences raised on visual-first platforms.We believe this approach foreshadows the next era of recruitment design—one that doesn’t simply communicate benefits, but immerses users in a brand’s worldview. As digital natives expect more intuitive, emotionally resonant experiences, we see a growing need to treat recruitment not as a static funnel, but as a dynamic journey that expresses identity, community, and challenge.Technologically, the challenge will be to build systems that are not only performant and scalable, but also modular enough to accommodate expressive storytelling. Our use of Pixi.js and dynamic CMS content is one blueprint—but what comes next could include personalized animations, AI-curated culture pages, or real-time community feedback loops.Ultimately, we envision a future where recruitment platforms are not just tools, but cultural interfaces—windows into how a company lives, thinks, and dreams.

I believe that design should be a comprehensive sensory experience, not limited to visuals alone. By incorporating sound, movement, and tactile interactions into the S5 Studios Website, we sought to create an immersive environment that allows users to feel truly connected to the projects.The music selection, in particular, was intentionally crafted to embody values like 'Sharp' and 'Splendid,' enhancing the emotional atmosphere of the experience. By blending sight, sound, and touch, the portfolio becomes more than a collection of works; it evolves into a narrative that visitors can discover for themselves.This approach allows users to perceive the essence of S5 Studios and build a lasting emotional connection.

The pandemic underscored the significance of digital presence, especially for artists who lost many opportunities to present their work in person. This shift made it essential for us to create a portfolio that wasn’t just a static display of projects but an interactive and immersive experience.We strengthened spatial design and interactive features to offer users an experience as vivid and engaging as possible, even if they were accessing it remotely. By adopting a layered approach, we wanted users to feel a journey through our site that mirrors real-world engagement, fostering immersion within the digital space.

To realize seamless, omnidirectional browsing, we prioritized both cross-device consistency and smooth performance. By optimizing the codebase and structuring JavaScript with fewer than 100 classes, we managed interactions and transitions more efficiently.For instance, we dynamically hid off-screen elements to reduce rendering loads and paid close attention to lightweight 3D object management. This design enables users to enjoy a fluid experience across devices—whether mobile, tablet, or desktop—without compromising performance.Achieving this required numerous iterations and adjustments, especially to optimize performance in multi-directional browsing, which presented one of the project's greatest technical challenges.

The spatial design of the S5 Studios Website is centered on the concept of a virtual space that resembles the vastness of outer space. This 'cosmic' design became the core idea of our interactive approach, offering users the experience of exploring freely within this expansive environment.With Pixijs and three.js, users can navigate in any direction, mimicking a sense of weightlessness, as if floating through a galaxy. As users move deeper into the site, content progressively reveals itself with more detail, transforming the exploration into a journey of discovery.This approach to spatial depth allows users to intuitively navigate while immersing themselves in the ethos of S5 Studios.

Implementing ejs for HTML generation enhanced the CMS performance significantly. By automatically generating static HTML files through local JSON updates, we minimized the server-side delays typically associated with conventional CMS platforms.This approach has streamlined the content update process, allowing us to ensure the latest information is quickly and efficiently made available to users. It also offers greater flexibility and speed in managing site updates, making it easier to keep the portfolio relevant and responsive.

The five principles—Shapely, Sharp, Skillful, Splendid, and Supreme—form the foundation of S5 Studios’ design philosophy and are reflected in every aspect of the website.Shapely emphasizes the elegance and balance in the visual forms and layout, creating a harmonious experience for users from any perspective.Sharp represents clarity and precision. Text, images, and icons have been crafted to appear crisp and clear, providing users with clean, well-defined visuals and responsive interactions.Skillful reflects our technical excellence. Leveraging advanced technologies like Pixijs and three.js, we crafted smooth navigation and sophisticated animations, showcasing the site as a testament to technical skill.Splendid symbolizes visual grandeur. Vibrant colors and lighting effects provide an impactful aesthetic, allowing users to feel as though they’re moving through a theatrical, immersive space.Supreme embodies our commitment to quality and consistency. Each element is carefully executed to deliver a cohesive and high-quality experience, accessible on any device.These values guide every design decision, creating a unified experience where the essence of S5 Studios is present from the moment users enter the site.

Throughout the project, the roles of design and development were not just divided but intertwined. Designers and developers worked closely, adapting and evolving our process as the project progressed.To realize the complex interaction design, we initially set up a strong system foundation with developers and later allowed designers to take on some programming responsibilities to refine the visual execution. We went through numerous prototypes to perfect the user flow and experience, ensuring smooth navigation.This collaborative approach allowed us to combine the strengths of each team member and produce a refined, high-quality result that would not have been possible otherwise.

Sound design serves as an emotional complement to the visuals on the S5 Studios Website. By working closely with sound designer Nao Kakimoto, we tailored each audio element to enhance the website’s atmosphere and reflect the project’s unique themes.Different sounds are used for each section, intensifying the immersive experience and making the portfolio feel more like an interactive journey than a static collection. Users can choose to enable or disable background music, allowing for personalized experiences.This multi-dimensional approach strengthens the narrative, creating a cohesive story that users can feel, hear, and see.

The S5 Studios Website represents a shift in how digital portfolios can transcend beyond a simple showcase, becoming a space that embodies the artist’s identity and values. By balancing spatial design, sound, and interactivity, the website allows users to connect with the creator’s philosophy on a more personal level.I believe this approach will inspire future portfolios to prioritize immersive, personalized experiences that invite users to feel as well as see the artist's work. At S5 Studios, we aim to continue exploring the boundaries of design and seek new ways to express creativity in digital spaces.