AWS活用・DX支援「Serverless Operations」ブランドデザイン・コーポレートサイト・会社資料

Credit

Client
株式会社Serverless Operations
Type of Business
サーバーレス内製化支援
Role
  • 3DCG Design
  • Contents Design
  • Logo Design
  • Web Design
  • Web Development
URL
https://serverless.co.jp/

Overview

AWS から評価された高い技術力で、企業の DX を支援

AWS を活用した内製化・開発支援やデータ活用で企業の DX を支える Serverless Operations さま。neccoでは Serverless Operations さまの会社設立当初からウェブサイト制作やブランドスローガン制定、ロゴマーク制作などブランディング全般をお手伝いしています。

このたび、サービス変更に伴うコーポレートサイト・会社資料リニューアルのご依頼をいただき、情報設計、ライティング、ウェブデザイン、グラフィックデザイン、実装、3DCGデザインを担当しました。

Light Gray#DEE6F2233/233/233
Blue#1B0BFF22/11/255
Light Blue#00D7FF0/215/255
Black#3C496860/73/104
White#FFFFFF255/255/255

Client

株式会社Serverless Operations

Team

Creative Direction

Fumito Abe

Direction

Hitomi Natsui

Logo Design

Seina Kon

Web Design

Seina Kon / Mari Nagano / Nao Ryujin / Koyuki Nakagawa

Editorial Design

Seina Kon / Mari Nagano / Nao Ryujin

Contents Design

Hitomi Natsui

3DCG Modeling & Design

Mari Nagano

Web Development

Ayumi Sato / Nami Takagi / Masato Watanabe

WebGL Development

Fumito Abe

Animation & Interaction Design

Fumito Abe

Lottie Animation

Mari Nagano

URL

https://serverless.co.jp

Related Links

AWS活用・DX支援「Serverless Operations」展示会用A1パネル・A4チラシ・Tシャツ

Contact

お仕事のご依頼は、お問い合わせからご連絡ください。

Share

Creative Direction

ブランドデザイン全体のリニューアルを行いました

創業初期からブランドデザイン全体をご依頼いただいてるServerless Operationsさまのリニューアルブランドデザインを改めて担当させていただきました。

ロゴデザイン、資料デザイン、ホワイトペーパーの仕組み、展示出店時のポスターやチラシのデザインなど多岐にわたりお客さまとのタッチポイントのデザインを行っています。

Serverless Operationsさまの創業から少しずつ提供サービスや事業内容に変化があり、その変化に対応していくべくブランドデザイン全体のリニューアルをし、あわせてホワイペーパーの制作の仕組みのお手伝いや、導入事例やブログなどの情報設計やデザイン改善も行っています。

リニューアルを行ったあとにも表示速度の改善やサービスページの改善も行い、よりサイトになるようお手伝いさせていただいています。

スピードをもって改善を重ねるServerless Operationsさまのデザインや実装を今後も力強く支援できればと思います。

Web Design

洗練された未来感と充実のコンテンツを、グラフィックとレイアウトの両軸で伝える

今回のリニューアルでは「企業を支えるパートナーとして未来の成長の礎をつくる」というメッセージをもとに、デジタルで洗練された未来感のあるビジュアルに全体をアップデートしました。


3DCGオブジェクトのアニメーションや開発で使用するコードをアクセントとしてウェブサイト全体に散りばめることで、しっかり伝えるポイントは押さえながらも堅い印象になりすぎず、細部までワクワクしながら楽しんでいただけるデザインを意識しています。


全体を通してコンテンツ量が充実しているので、メリハリを出しながら紙媒体のようにじっくりと読むことができるようなレイアウトを心がけました。

3DCG Design

補足するための抽象的な3DCGを作成

テキストをメインにしっかりと見せつつ、それらを補足する抽象的な3DCGを作成しました。

アニメーションもつけることで抽象的でありつつも意味を持たせられるよう意識しています。

ウェブサイトには容量をできる限り小さくしVimeoをつかて埋め込み、ウェブサイトを訪問する方の通信速度によって最適な画質で自動で再生されるようになっています。

Web Development

グリッドデザインの忠実な再現を目指し、実装

グリッドデザインの忠実な再現を目指し、デザイナーと綿密に連携し、調整を繰り返しながら実装を進めました。

フロントエンドのフレームワークにはAstro、CSSフレームワークにはTailwind CSSを採用。CMSにはmicroCMSを採用し、動的コンテンツの管理と更新が効率的に行えるように構築しています。

WebGL Development

デジタルの宇宙空間をイメージして空間に存在するオブジェクトに

Serverless Operationsさまの新しいサービスやデザイン、クラウド、近未来を表現するべく、WebGLを利用して大きな3Dロゴでのマウスインタラクションや情報量やスピード感を表現するべくパーティクルを作成しています。

デジタルの宇宙空間をイメージして空間に存在するオブジェクトとなるように前後関係やレイヤー感、透過度や明度の調整などを行っています。

Animation & Interaction Design

利用を妨げない、かつ少しだけ遊び心もありつつというバランスを意識

アニメーションはコンテンツの邪魔をしないようにメインの文章やセクションなどにはなるべく付与せず、補足情報などに付与するように気を付けて実装しています。

訪問者さまの利用を妨げない、かつ少しだけ遊び心もありつつというバランスを意識して実装しています。

触りたくなる、触ってみたくなる文字アニメーションもスピード感を出すことでよりServerless Operationsさんの事業速度に合うように調整しています。

Client Voice

スピード感もデザインも大満足!お問い合わせ数も増えています

neccoさんには創業時からブランディングデザインをお願いしています。今回のリニューアルでも、自分たちのやりたいコンテンツを的確にデザインに落とし込んでいただきました。結果、スピード感もデザインのクオリティも最高で、とても満足しています。

サイトの効果としては、お問い合わせ数や資料ダウンロード数、商談の数も着実に増えています。特に事例ベースのブランディングは大変効果があると感じています。

今後もサービス自体の改善などを進めていくうえで、neccoさんに力を貸していただく機会があると思います。そのときはまたよろしくお願いします。

株式会社Serverless Operations
代表取締役 堀家 隆宏