Visionary

Visionary – Akihabara-based HR service helping professionals break into fast-growing sectors like IT, web, gaming, VR, the metaverse, and live streaming.
This project is a Visionary brand page that communicates a brand’s identity and design direction.

My role involved the Web/UI design, visual narrative structure, and layout composition also Illustration.

I designed the layout in Figma, focusing on typography, spacing, and visual rhythm to communicate both concept and identity.

Web Design | Illustration

Problem

The main challenge was designing a page that feels conceptually meaningful while still guiding the user through coherent content.

Because Visionary concept can be abstract, the design needed a clear flow and strong visual hierarchy to help users understand the story without ambiguity.

Solution

The redesign aims to create a bright and trustworthy impression by introducing a warmer, more approachable visual concept that increases user confidence in Visionary. Key information is consolidated into a single, streamlined page to reduce complexity and allow users to easily search for relevant job opportunities and submit inquiries. At the same time, Visionary’s mission and value proposition are clearly communicated, reinforcing its commitment to meaningful matches and helping users feel confident in choosing the service.

Communicating Visionary through Illustration and Motion

Instead of using stiff stock photos, the new design uses human-centered illustrations and subtle motion to express Visionary’s friendly and approachable brand image.

Showing the Internal Culture

Content was streamlined and a storytelling section was added to visually communicate Visionary’s working style and company culture.

Clear and Intuitive Navigation

I redesigned the UI to improve visual hierarchy and create a more seamless navigation experience.

Simple and Easy-to-Understand Graphics

Instead of using stiff stock photos, the new design uses human-centered illustrations and subtle motion to express Visionary’s friendly and approachable brand image.

Communicating Visionary through Illustration and Motion

Instead of using stiff stock photos, the new design uses human-centered illustrations and subtle motion to express Visionary’s friendly and approachable brand image.

Showing the Internal Culture

A new storytelling section helps users understand how the company works, with compact, clear content.

Clear and Intuitive Navigation

Menus now clearly separate internal and external links, and simplified graphics make information easy to grasp at a glance.

Clean and Easy Graphics

We simplified complex visuals, creating clean graphics that communicate key messages at a glance.

year

2023

tools

Figma

Communicating Visionary through Illustration and Motion

Instead of using stiff stock photos, the new design uses human-centered illustrations and subtle motion to express Visionary’s friendly and approachable brand image.

Communicating Visionary through Illustration and Motion

Instead of using stiff stock photos, the new design uses human-centered illustrations and subtle motion to express Visionary’s friendly and approachable brand image.

Showing the Internal Culture

Content was streamlined and a storytelling section was added to visually communicate Visionary’s working style and company culture.

Clear and Intuitive Navigation

I redesigned the UI to improve visual hierarchy and create a more seamless navigation experience.

Simple and Easy-to-Understand Graphics

Instead of using stiff stock photos, the new design uses human-centered illustrations and subtle motion to express Visionary’s friendly and approachable brand image.