CASE STUDY OF

CIRCULATION WEBSITE

ROLE: Creative Direction, Photography, Planning, UX/UI Design, Web Development

DELIVERABLE: Responsive Website

DATE: NOV 2019

monopo was responsible for the renewal of both the brand and recruitment site of Circulation Co., Ltd. With their extensive database of working professionals and their achievements, Circulation solves corporate management issues by finding the right professional for every task. They call this service of matching professionals and clients “professional sharing.”

BRIEF

Create a site that conveys innovation and vision

Along with a new brand slogan and brand story, Circulation needed to redesign the logo and the corporate website to convey the company’s vision. At the same time, it was crucial to create a visually intuitive and easy to understand explanation of their services.

Our goal was to create a design with a clear brand vision that expressed the company’s position as a leader within their field. The design had to convey the company’s vision and services in-depth while also making it easy to access information.

CORPORATE VISUAL

A main visual representing “professional sharing”

The main visual for the corporate web site features two people facing each other. On the left is a person representing the “professional” side and on the right is a person representing the “client” side, expressing how both sides can work together to solve the same problem.

To represent Circulation’s vision and brand, we chose models who were diverse in terms of gender, age, and nationality. This decision represents a society where Circulation’s vision of professional sharing is widespread across the world.

The hero element is inspired by the Circulation logo, with blue and white lines painted on people’s faces to represent the company's workflow. The passing of knowledge from the professional to the client is also illustrated by a circular animation in the middle.

There are three key visual patterns, each with the following message:

1. “Any problem can be solved with a professional present”
This shows the basic concept behind Circulation’s services

2. “Professional knowledge can be used for regional development.”
This shows Circulation’s intention of solving the social issue of “regional development”.

3. “Create new working values”
This illustrates Circulation’s mission to transform the existing labor and human resources market.

CORPORATE WEB DIRECTION

Original UI that blends corporate innovation with human emotion

We designed an advanced UI that considers the speed and depth of the user’s understanding of the brand’s vision and services. The top page features a 3DCG embodiment of the concept, using an actual person to represent the world view of “knowledge” and how it “circulates” through the body.

To add warmth and a human touch to the visuals, we edited photographs of the office and employees to resemble film photography. Our goal was to create a unique web design that was unlike anything before while conveying Circulation’s passion and warmth.

We also created several pictogram illustrations that also follow the theme of the blue/white lines in order to convey the business’s strengths and background.

RECRUIT WEB DIRECTION

A recruiting website that aims to empathize with the aspirations of its members

The corporate website was designed to communicate the company’s vision and services. However, the recruitment website was designed to help job seekers experience the aspirations of Circulation members. This page also contains information such as the history of Circulation, interviews with the managing members, and various discussions.

For the main visual, we used photographs of five Circulation employees with specially designed graphics of their logo to express their vision of working towards improving the circulation of knowledge.

The use of colors and handwritten fonts adds a fresh and lively tone to help job seekers visualize the corporate culture of Circulation employees.

Credits

Client: CIRCULATION

Our role: Creative Direction, Photography, Planning, UX/UI Design, Web Development

Agency : adot

Account Executive : Kiyoshi Nagaya (adot)

Account Manager : Nanami Kudou (adot)

Copywriter : Tetsuji Hasegawa (噂)

CI/VI Designer : Tatsunori Murayama (噂)

Web Production : monopo Tokyo

Creative Director / Producer : Ryo Miyakawa (monopo Tokyo)

Project Manager / Planner : Tomoki Inaguma (monopo Tokyo)

Art Director : Joe Yanagita (syncity)

Designer : Keisuke Tominaga (syncity)

Front-end / Back-end Engineer : Daichi Ooba

Photography

KV / OFFICE Photographer : Kenta Hoshino

MEMBER Photographer : Kai Tamaki

Retouch : Jeremy Hannigan

Cast : Asian, Jeremy Hannigan, Kenichirou Ikeda, Eigo Tanaka, YUKI, William

Makeup : Takkyu, Ikuyo

Stylist : Joe Yanagita

3DCG

Art Director : Hayato Iida (adot/SUPERSUPER)

Related projects

We should work together!