WORDS Corporate Site

  • Creative Direction / 
  • Graphic Design / 
  • Web Design / 
  • Web Development / 
  • Photograph / 
  • Motion Design

Credit

Client
株式会社WORDS
Type of Business
顧問編集
Role
Creative Direction / Graphic Design / Web Design / Web Development / Photograph / Motion Design

Team

Creative Direction
Fumito Abe
Web Design
Seina Kon / Fumito Abe / Fuyuna Taguchi / Koyuki Nakagawa / Hitomi Natsui
Motion Design
Fuyuna Taguchi
Interaction Design
Fumito Abe
Illustration
Seina Kon
Web Development
Yoshinobu Suto / Mizuki Watanabe / Fumito Abe / Ayumi Sato(Pentaprogram)
Photograph
Shinpei Kobayashi(Partner)
Overview

現代に必要な「顧問編集者」という存在。

株式会社WORDS(ワーズ)は、経営者と企業を「言葉」でサポートするエディトリアル・エージェンシーです。誰もが迷う先の見えない現代で、社長の言葉をより多くの人の心に届けるお手伝いをする「顧問編集者」。
現代で必要とされながらも、まだあまり認知されていない顧問編集者の役割や仕事について、ウェブサイトリニューアル・資料の制作を通して表現するお手伝いをさせていただきました。

Web Design

顧問編集という仕事を本を踏襲した目次をつくり分割・構造化

顧問編集者という仕事をどうしたらウェブサイトに来て、楽しく読んで、理解してもらって、納得感を得てもらえるかを第一に考えました。
本のような目次の構造化から伝えたい内容の骨格が見え、言葉とイラスト、ウェブフォントの筑紫ゴシックと筑紫オールド明朝を組み合わせて”文字”に注力できたことでWORDSさんの世界観やらしさを持ったデザインコンセプトを生み出しました。

デザインコンセプトから全ページに渡り左に縦の一本の線をつくり、サイト全体の情報整理の軸としました。思考のもやもやから一本の真っ直ぐな線になる様子や、経営者と編集者で言葉をつくなげていく表現をつくり、経営者の言葉がより多くの人に届いてほしいという思いを込めました。

WORDS ウェブデザイン ダイジェスト画像
Web Development

Next.js + WordPress + GraphQL + Vercel のJamstack アーキテクチャを採用

今後の展開や大量のアクセスにも安定して表示できるよう、Next.js + WordPress + GraphQL + Vercel のJamstack アーキテクチャで、SSG(Static Site Generation)やISR(Incremental Static Regeneration)を採用しています。

ページのアニメーションやインタラクションはアニメーションライブラリのGSAPを採用し、イラストのアニメーションにはLottieを利用しています。

WORDSイラスト
necco Corporate Character HakonecoDOWNLOAD

necco Corporate Character HakonecoCONTACT