Goodpatch Corporate Site

Client: Goodpatch Inc.

Role: Planning, Project Management, ArtDirection, Design, Development, Technical Direction

Data: May 2020

Launch Site

Overview

Thinking from "why" reveals the essence.

"Why"から考えると、本質が見えてくる

2020年6月に上場した株式会社グッドパッチのコーポレートサイト。世界でも類を見ないデザイン会社のIPOにふさわしい、ユニークなリニューアルを目指しました。

Insight

Expressing characteristics throughout the website.

Webサイト全体で、らしさを表現

Goodpatchの信念やスタンスを表現するため、Webサイト全体を「Why」から始まる一連のStoryとして感じられるような構造に統一し、ロゴのモチーフでもある「パッチ」や「円」から派生させたアイコンや図解を制作。サイトTOPには、ALLd.が手掛けた、どこか見覚えのあるUIを取り入れたモーショングラフィック映像をキャッチコピーとともに大胆に配置し、Goodpatchの起源であるUIデザインを想起させるようなデザインに仕上げました。遊び心を大事にする同社らしい隠し要素やギミックも、サイト全体に散りばめています。

Idea

Faster and more efficient.

より速く、より効率的に

上場企業の情報発信プラットフォームとしてふさわしい、運用効率の向上も重要な課題でした。もともと複数のCMSに分散していた管理画面はWordPressに統合。バックエンドにはWordPress.com、フロントエンドにはNext.jsを採用し開発の責務を分離することで、複数のエンジニアが運用に関わる際の負担を軽減しました。また、Reactによるコンポーネント志向の開発によって、サイト構築の効率化や複雑な仕様に耐えうる堅牢性を実現しています。