スクリーンショット / ビジュアル
03

Case 03 — Magazine / Interview

Interview
Media

Clientインタビューメディア
Year2023
RoleDirection / Design / Engineering
Scroll

Overview

Read & Immerse.

著名人・経営者へのインタビュー記事を掲載するオンラインメディアサイト。「読みやすさ」と「没入感」の両立が最大の課題でした。

長文コンテンツでもストレスなく読み進められるタイポグラフィ設計と、記事ごとの世界観を演出するビジュアル構成を追求。読者がページに引き込まれる体験を目指しました。

CategoryMagazine / Interview
Period約2ヶ月
My Roleディレクション・デザイン・コーディング
Tools
WordPressPhotoshopHTML/CSSJS
URLhttps://doers.style/
Case 03 screenshot
Case 03 — Magazine / Interview

インタビュー
メディア

読みやすさと没入感を両立した記事型レイアウト。

サイトを見る →

Design Points

The Details.

01
Point — 01

読みやすさを
極めたタイポグラフィ

長文インタビューを最後まで読んでもらうため、フォントサイズ・行間・字間を徹底的に調整。スクロールしても目が疲れない、快適な読書体験を実現しました。

02
Point — 02

記事ごとの
世界観演出

インタビュー対象者の雰囲気や言葉に合わせて、アイキャッチ・カラーリング・レイアウトを柔軟に変化させる設計を採用。毎回違う体験を提供できるテンプレートを構築しました。

03
Point — 03

回遊率を高める
導線設計

読了後の離脱を防ぐため、関連記事・おすすめ記事の導線をコンテンツの流れに自然に組み込みました。読者が次の記事へ引き込まれる体験設計を重視しています。

Results

The Result.

+320%

リニューアル後3ヶ月で
ページビュー数が増加

4.2min

平均セッション時間
(リニューアル前比 +68%)

-42%

直帰率の改善
(リニューアル前比)