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 | #DEE6F2 | 233/233/233 |
■ | Blue | #1B0BFF | 22/11/255 |
■ | Light Blue | #00D7FF | 0/215/255 |
■ | Black | #3C4968 | 60/73/104 |
■ | White | #FFFFFF | 255/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
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
代表取締役 堀家 隆宏