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.”
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.
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.
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
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
Art Director : Hayato Iida (adot/SUPERSUPER)
MONOPO STAFF ON THIS PROJECT
We should work together!