P

R

O

J

E

C

T

LIBLOCK INC. CORPORATE SITE RENEWAL

S C R O L L

まるで、引力によって生み出された組織

AN ORGANIZATION WHERE PEOPLE GATHER AS IF DRAWN BY GRAVITY

RELEASE DATE: 2018.10.01
PROJECT NAME: LIBLOCK INC. CORPORATE SITE RENEWAL
CLIENT: Liblock inc.

P U R P O S E

プロジェクトの目的

会社の事業や考え方が伝わるようなウェブサイトを制作したい。

To establish a website that conveys the company's business and mind set.
採用を考慮し、特徴や社内の色を打ち出していきたい。

To set out the features and internal culture of the company, with hiring capable talents in mind.

代表や社員の方々にヒアリング、インタビューを行わせていただき、明確な強みを把握することができましたので、その強みを活かすためのコンセプトコピーを策定し、コンテンツやアウトプットに落とし込みました。

After interviewing company reps and employees and grasping the clear strengths of the company, we formulated a concept of their copy writing to maximize strengths and turn such strengths into web content and output.

W O R K F L O W

FLOW

0 1 0 2 0 3 0 4

制作ワークフロー

ヒアリング・インタビュー HEARING・INTERVIEW
ウェブデザイン WEB DESIGN
コーディング CODING
エフェクト EFFECTS

ヒアリング・インタビュー :

ヒアリング・インタビューでは、代表を含め、社員の方々に、企業の強みから採用の強みまでをお聞きし、コンセプトコピーを定めました。

After listening carefully to employees, including company reps, during the interview process, we set out a concept of their copy writing based on company strengths and hiring strengths.

ウェブデザイン :

コンセプトコピーを元に、組織=繊維の集合体を表すためのいビジュアル開発を行い、パーソナリティーを元にした全体の言葉遣い、社風を打ち出すためのフォトディレクションを行いました。考えや方向性が明確だったため、必要な情報をシンプルに伝えるために作る必要があり、言葉の伝え方や魅せ方という部分でお客様にご協力いただきながらも、全体の世界観を作っています。

Based on their copy writing concept, we did visual development to represent the organization = like gathering fibers, using wording used to express the business personality and directing the photo-shoot to demonstrate their corporate culture. As their ideals and future path were clear, the information needed to be conveyed in a simple manner, therefore in collaboration with our clients we worked out the wording and appeal to fit their company dynamic.

コーディング :

背景の演出面を活かすため、シンプルな設計にてレスポンシブコーディングを行い、ワンソースにて管理することで更新性を向上させ、都度変更される情報に耐えうる設計を行っています。

In order to make use of background presentation, we did responsible coding with a simple design, having one source of program-coding that makes it easy to regularly update information changes.

エフェクト :

コンセプトコピーとデザインは、組織を表現するビジュアルアイデアとなるため、演出を連携させた表現を行いました。

Because the concept of their copy writing and design are visual ideas for representing an organization, we created these representations in cooperation with their style.