P

R

O

J

E

C

T

DO IT THEATER DIVISION SITE RENEWAL

S C R O L L

新しいシーンは、THEATERからはじまる。

THE NEW SCENE STARTS FROM THE THEATER

RELEASE DATE: 2018.09.28
PROJECT NAME: DO IT THEATER DIVISION SITE RENEWAL
CLIENT: HATCH inc. - Do it Theater

P U R P O S E

プロジェクトの目的

事業部ではなく、一つの組織としてのアプローチを行いたい。

To enhance as an organization, not as a department.
成長に合わせたブランドの訴求方法を変更したい。

To adjust the brand appeal to match company growth.
今後の事業展開に合わせてスケールできるウェブサイトを構築したい。

To design a website that can be scaled to suit future business development.
Do it Theaterで行っていることをウェブサイトでも表現したい。

To create a website that shows what Do it Theater is all about.

コーポレートサイトに併せたヒアリング内容を元に、事業部の特徴や取り組みを分解して優位性を打ち出し、より「ビジネスマッチ」と「一般層のファン」を増やすという目標を元に、コンテンツ設計、制作を進めていきました。

Based on interviews regarding the corporate site, analyzing the department features and past efforts and working out the main strengths, we proceeded to design and develop contents based on the goal of increasing "business matching" and "followers".

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.

ワークショップ :

事業部のブランディング設計をワークショップ形式で行い、パーソナリティやパーセプションゴールまで、お客様と一緒に策定しました。

We prepared brand designs in a workshop setting and together with our clients set forth both the brand personality and perception goals.

ブランディング設計 :

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

Based on the workshop, we defined the perception goals that are important for the business.

ウェブデザイン :

体験を元にした事業部の優位性を打ち出すため、お客様には映像制作のお力添えをいただき、ブランドパーソナリティを元にアプローチ施策を大事にしたデザインを行いました。

In order to set out the main strengths gained from experience, we consulted with our clients on video production. Based on the brand personality we created designs that honor their brand approach.

コーディング :

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

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

エフェクト :

ブランドイメージに沿ったモーション選択を行い、イベントの雰囲気を連想させやすいアニメーションで制作いたしました。

We selected motion effects to suit the brand image, and created animation that makes it easy to imagine the event.