cloudpack.media

Owned Media website

  • ディレクション
  • Webデザイン
  • コーディング
  • サーバサイドスクリプト構築
  • インフラ設計

CONCEPT

クラウドにまつわるトピックスを多数発信。
アイレットcloudpack社員による
オウンドメディアサイト。

cloudpackマーケティングチームによりスタートした.mediaプロジェクト。
より多くの記事にユーザーを引き込めるようインフィニティスクロールを
導入するなど、ユーザビリティの向上に配慮したサイトとなっています。
cloudpackのブランド力を高めるサイトを目指し、シンプルなグリッドデザインを
軸として大衆的過ぎず、かつ親しみやすさも併せもつデザインを考案しました。

Design point

多様なサムネイル写真にも
画面のクールな印象を保つデザイン。
メディアサイト色を強めるあしらいも。

各記事のメイン写真が社員撮影によるカジュアルなものでも全体でキャッチーな画面を保てるよう、タイトルテキストを重ねて表示させたり、一部フォントにはエッジーな印象のFuturaを採用し、クールな印象を残せるような工夫を施しました。
ヘッダーには日付、時刻をつけることでメディアサイトとしてのスピード感、リアルタイム感を演出しています。

Technical point

ストレスフリーなサイトを目指し
スマートフォンユーザーに適した
AMP・PWAをいち早く導入。

スマートフォンユーザーが快適にサイトやサービスを利用できるようにGoogle社を中心に普及が広がっているAMP、PWAをいち早く導入しました。ローディングが1秒遅れるとコンバージョンレートが7%落ちると言われていますが、AMPページを導入したことでサイトの平均滞在時間が1.5倍に、PVは2倍以上に向上しました。

Client

アイレット株式会社

本サイトは「cloudpack」の
サービスを使用して制作しています

Architecture

AWS Products

  • Route53
  • S3

htmlによる手軽なサイト運用を実現するAmazon S3静的サイトホスティングを利用することで、高度なサーバー設定を要せずスピーディーなサイト制作を実現しました。