株式会社朝日新聞社様

HTML5で、アプリのような読み心地。朝日新聞デジタルのスマホサイト

メディア Webサイト UIデザインフロントエンド iOS

有料版購読者向けスマートフォンサイトを、HTML5で開発

「朝日新聞デジタル」の有料版購読者向けスマートフォンサイトを開発しました。HTML5の技術を使い、オフライン動作・ページめくり・記事クリップなど、ユーザーの使いやすさを追求しています。

ジークスはサイト構成、画面デザイン、HTMLコーディング、JavaScript開発を担当。日々ニュースを読む購読者にとって、心地よく読み続けられる体験をめざしました。

CHALLENGE

課題

Webサイトでありながら、アプリのような快適さをどう出すか

有料購読者が日々利用するニュースサイトには、毎日ストレスなく読み続けられる快適さが求められます。膨大な記事のなかから読みたいものを見つけやすい一覧性と、サクサクと読み進められる操作感の両立が課題でした。

ネイティブアプリのような体験を、Webサイトという形でどこまで実現できるか。電波の届かない場所でも読めるオフライン対応も含め、技術的な工夫が必要でした。

APPROACH

多くの記事のなかから読みたいものへすばやくたどり着けるよう、ニュースサイトならではの一覧性の高いデザインを設計。サイト構成と画面デザインを通じて、情報を見渡しやすい紙面のような体験をスマートフォンに落とし込みました。

HTML5の技術を駆使し、ページめくりや記事クリップといった、ネイティブアプリのような操作感のUIを実現。HTMLコーディングとJavaScript開発によって、Webサイトでありながらアプリさながらの読み心地を作り上げました。

HTML5を活かしてオフライン動作にも対応。電波の届きにくい移動中などでも記事を読めるようにし、購読者がいつでもどこでもニュースに触れられる体験を支えました。

OUTCOME

Webでありながら、アプリのように読めるニュース体験へ

一覧性の高いデザインと、HTML5によるネイティブアプリのようなUI、そしてオフライン動作により、「朝日新聞デジタル」有料版のスマートフォンサイトを開発しました。サイト構成からデザイン、フロントエンド開発までを担い、購読者が毎日心地よく読み続けられるニュース体験を実現しています。

PROJECT

開発期間	7ヶ月
デバイス	iOS（iPhone）、Android
提供範囲	スマートフォンサイトの構成設計画面デザイン（一覧性の高いUI） HTML5・HTMLコーディング・JavaScript開発オフライン動作・ページめくり・記事クリップ実装

RELATED WORKS

DESIGN

プロダクトデザイン・UXデザイン

ENGINEERING

実績・領域・融合・品質で支える

PLATFORM

AI・セキュリティ・ガバナンス基盤