P

R

O

J

E

C

T

HATCH INC. CORPORATE SITE RENEWAL

S C R O L L

まだ、誰も、見たことのない景色が待っているから。

TURNING YOUR DREAMS INTO NEW REALITIES

RELEASE DATE: 2018.09.01
PROJECT NAME: HATCH INC. CORPORATE SITE RENEWAL
CLIENT: HATCH inc.

P U R P O S E

プロジェクトの目的

各事業が独立した見え方を整え、アプローチしたい。

To tailor each department to be visibly self-functioning.
自社の取り組みを含め、特徴訴求をしたい。

To work in sync with Company initiatives and increase the appeal of their unique services.
ウェブアプローチ訴求点を変更し、人材採用、営業に役立てていきたい。

To improve web appeal, boosting business in recruiting new talent, sales promotion etc.
何者かを伝え、企業認知をしたい。

To convey who we are and have this company recognized.

ヒアリングを重ね、会社全体の事業部の取り組みやブランディングの振り返りを代表や各事業部長を含めたメンバーでワークショップを行い、半年以上にわたるブランディング設計、コンテンツ設計を元にプロジェクトを進めました。

After repeated interviews and workshops with Company reps and Division Managers to review company initiatives and their brand approach, based on company branding and web content designs we embarked on this 6-month project.

W O R K F L O W

FLOW

0 1 0 2 0 3 0 4 0 5 0 6

制作ワークフロー

ヒアリング・インタビュー HEARING・INTERVIEW
ワークショップ WORKSHOP
ブランディング設計 BRANDING
ウェブデザイン WEB DESIGN
コーディング CODING
エフェクト EFFECTS

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

ヒアリング・インタビューでは、企業のブランディング、事業のブランディングの双方についての振り返りを行いました。

Starting with interviews, we took a look at both company branding and business branding.

ワークショップ :

全体の意見を汲み取るため、会社や事業部のブランディング設計をワークショップ形式で行い、他の事業部からの意見もヒントにしながら進めていきました。

In order to see the bigger picture, we reviewed corporate and department branding in a workshop setting and proceeded according to insights drawn from other business departments.

ブランディング設計 :

ワークショップを元に定めた、企業・事業の大事にしていることを、それぞれのパーセプションゴールとして定めました。

Based on the workshop, we defined each of the perception goals that are important for the company / business.

ウェブデザイン :

お客様には映像制作のお力添えに加え、アニメーション面でもご相談させていただき、ブランドパーソナリティを元にアプローチ施策を大事にしたコピーや演出に合わせたレイアウト、デザインを行いました。

In addition to consulting with our clients regarding animation techniques, they also assisted with video production. Based on the brand personality, we created layouts and designs that are consistent with their copy writing and presentation and that honor the brand approach.

コーディング :

演出の多いウェブサイトのため、速度やレスポンスを考慮し、非同期設計にてコーディングを行いました。

As there were many stylized effects in this website, considering speed and response, we decided to do program-coding in asynchronous design.

エフェクト :

キービジュアルの映像では各事業部を把握しやすいように、メインキャラクターが旅をしていくような企画として進めながら、全体のモーション、イージングも映像に合わせた演出を入れています。

In the main video we presented the character as moving from place to place with easing and motion effects, in order to make it easier for people to recognize each business department.

O U T P U T

制作物のご案内

企業・事業の全体を通したアプローチブランディング

Branding Approach in Every Aspect of the Company / Business
ブランディングを元にしたウェブアプローチ・制作

Web Approach / Production Based on Branding