HANA THE NEXT・HANA THE NEXTウェブジン WEBZINE RENEWAL PROPOSAL

人生の次の章を展開する

HANA THE NEXTウェブジンリニューアル提案
THE NEXT PAGE・MY NEXT ACT、2つの方向

HANA THE NEXT · CASE STUDYHANA THE NEXT ウェブジンリニューアル提案
スクロールすると、3行が移動します

E =三ロゴのEは横線3つになっています
人生の1幕、2幕、3幕を意味します

X = ⟩Xの中には「⟩」が隠れています
人生の次のステップで、画面の「次へ」ボタンです

THE NEXT PAGE・MY NEXT ACT「⟩」を押すと次の章が進みます。

ケースを読む

01 / OVERVIEWプロジェクト概要

（新）シニアのためのブランドの
コンテンツハブ

HANA THE NEXT（HANA THE NEXT）は、ハナ金融グループが（New）シニアのために作ったブランドです。ブランド紹介には「（New）シニアの大切な人生2幕のためのハナ金融グループならではの統合（金融＆非金融）ソリューション」と書かれています。ウェブ陣hana1qm.comはこのブランドのコンテンツハブで、花金融研究所HANA THE NEXT研究センターが引退準備と資産管理、シニアケア、生活の中の法律、引退ライフに関する文を毎週上げます。

BlueCanvasは今のウェブジンを作った製作会社であり、このウェブジンはフッターにGDWEB AWARD GOLDバッジをつけています。その間、ショートフォームや映像、専門家コラム、全国6カ所のラウンジと月間セミナーが加わり、最初の画面に糸の話が大きく増えました。今回は今画面の枠を下ろし、最初から再描画すればどんなウェブ陣になるか二つの提案の中で提案しました。このページはそのプロセスをまとめた記録です。

CLIENT: Hana Bank · HANA THE NEXT
コンテンツ制作 HANA THE NEXT研究センター
WEBSITE: hana1qm.com
（新）シニアウェブジン
OUR ROLE: 今ウェブジン構築、リニューアルリサーチ、
ブランド解析、情報構造、UI、モーション
DELIVERABLE: メイン提案2種、モバイル画面、
読む基準、カラー・書体ガイド

16 年 カカオトークを使った時間 カカオトークが出た2010年、これらの読者は36〜51歳でした
11個トピックキーワード＃引退コーチングから＃デジタルアシスタントまで、今ウェブジンのテーマタグ
6か所HANA THE NEXT ラウンジ乙支路・仙陵駅・瑞草洞・永登浦・大邱中央・大田
3 種類 購読チャンネル カカオトークチャンネル、Hana 1Qアプリ通知、メーリングサービス

02 / CHALLENGE出発点

hana1qm.com · メイン

01 この注意コンテンツ大きな写真とタイトル
02 おすすめコンテンツ記事の5つのリスト
03 トピック別キーワードタグ10個
04 購読サービスカカオトーク・Hana 1Qアプリボタン
05 バナー引退準備信号
06 ショートフォーム垂直映像3編
07 ビデオ水平方向のビデオ2つ
08 エキスパートコラムカード4枚
09 ラウンジラウンジ写真の6つの場所
10 バナー2 引退MBTI・リビングトラスト
11 その他のコンテンツ投稿8つ

11個のブロック 1440px画面では、メインページの長さは画面6枚（5,402px）です。ブロックごとに重さが似ており、今週は必ず読んでいる文章と長く置き、文章が区別されませんでした。

Q1
読者は何歳で、どんな目で読むのでしょうか？
ブランドが定めた読者は満50～64歳です。カカオトークを16年目使う世代ですが、ほとんど老眼が始まった目で画面を読みます。今ウェブジンの本文は20pxと大きい方ですが、日付とボタン文字は薄い灰色で、専門家名札は11pxまで小さくなります。
Q2
日付が過ぎても有効な文章をどのように再び取り出すのですか？
年金を受け始める時期や遺言代用信託を扱った文は、数ヶ月経ってもそのまま使えます。ところで、今は新しい文が上がるほど下に押されます。日付の代わりに人生の幕とテーマで再び見つけることができなければなりませんでした。
Q3
読んだ後はどこに行くべきですか？
ウェブジンには3チャンネルのチャンネル登録と6つのラウンジ、毎月のセミナーがありますが、最初の画面には散らばっています。読書から購読やセミナー、相談につながる道を一行にまとめなければなりませんでした。
Q4
金融グループのウェブ陣はどのように活気に見えますか？
ブランドはNEXTをNew・Energetic・Xtraordinary・Timelessに解放しました。金融グループらしい信頼を守りながらも「年上の人のためのサイト」のように見えない表情が必要でした。

03 / NAME名前をもう一度読む

ロゴモチーフ説明ソース：HANA THE NEXTウェブジン「ブランド紹介」

01 · HANA THE NEXT
（新）シニアのための新しいブランド
HANA THE NEXTはハナ金融グループの新たな成長動力となるブランドで、(New)シニアの人生2幕のための金融と非金融ソリューションをひとつにまとめました。ウェブジンはこのブランドが読者に毎週会う場所です。
02 · N = NEW
新しいシニア
（New）シニアは既存のシニア層とニューシニアを交わす言葉です。ニューシニアは、2次ベビーブーマー（1964～1974年生まれ）と一部の1次ベビーブーマー（1959～1963年生まれ）を含む満50～64歳を指します。
03 · E = 三
3行は3つの膜です
ロゴはEの縦線をクリアし、横3本だけ残しました。人生1幕を過ぎて2幕を準備する人々の3幕まで、人生のすべての瞬間を一緒に悩むという意味です。
04 · X = ⟩
Xの中に隠れた「⟩」
Xの左半分は右ストロークから離れた「⟩」です。ブランドはこのシンボルを人生の次の段階であり、将来に向けて拡張する可能性であると説明しています。
05 · T = TIMELESS
生きてきた時間と生きる時間
NEXTの4文字はNew・Energetic・Xtraordinary・Timelessの最初の文字でもあります。ブランドはこの言葉を「生きてきた特別な時間に対する尊重と、これから生きていく活力溢れる人生への応援」と解決しました。
06 · OUR READING
ロゴの中にはすでに「次へ」ボタンがあります
画面で「⟩」は次の章に進むボタンで、3本の横線はリストと段落を分ける最も基本的な線です。 2つの提案は、新しい装飾を作るよりもロゴがすでに持っているこれら2つを画面のルールに移すことから出発しました。

04 / READER読者の時刻表

デジタルが見知らぬ世代ではなく
目が変わった世代

ブランドが定めた読者は1959年生まれから1974年生まれです。彼らはソウルオリンピックと外国為替危機を10～30代に過ぎ、スマートフォンとカカオトークが出た2009～2010年には35～51歳でした。だから両提案は読者を「デジタルが不器用な」と描いていませんでした。

変わったのは目です。老眼は通常40代頃に始まり、今これらの読者はほとんど近い文字を読むのが前より難しいです。 2つの提案は、言葉と画面の構成を若くしていますが、文字のサイズとコントラスト、押す場所のサイズは最初から十分にとりました。

誕生年を選んでください 1966年生

2026年、満60税になる年

1988ソウルオリンピック22歳
1997通貨危機31歳
2009 iPhone国内発売43歳
2010カカオトーク発売44歳
2026今年60税
2030年国民年金老齢年金を受け取り始める年64歳

年齢はその年に合う年齢です。国民年金老齢年金受給開始年齢は、出生年度により1957～1960年生まれ62歳、1961～1964年生まれ63歳、1965～1968年生まれ64歳、1969年生後65歳です。

05 / READING読み取り基準

若い活気、
大きな文字

今ウェブジンは広い画面で記事の本文を20pxで示しています。初めて作った時から文字を大きくとったおかげです。ところで日付は薄い灰色で、専門家名札や「今確認する」などの補助文字は灰色に11～15pxまで小さくなります。

リニューアルでは、最小の文字の基準から上げました。以下の2つのカードは、同じ記事を今ウェブジンと新しい基準で再編成されます。「50台の目で見る」をオンにすると、灰色の文字が先に消えることが確認できます。

新しい基準文字サイズ

今ウェブジン1440px画面でジャムサイズと色

引退・老後錬金術師

年金を受けながら働くと年金が減りますか？

2026.10.16

国民年金を受けながら働くことは可能です。ただし、所得が一定基準を超えると年金の一部が減る可能性があるので、仕事を始める前に基準を先に確認しておいてください。

引退専門家

今確認する

新しい基準本文20px・最小文字14px以上

引退・老後#錬金術師

年金を受けながら働くと年金が減りますか？

2026年10月16日・4分読む

引退設計専門家コラム

記事を読む

「50代の目で見る」は、近い文字がぼやけて見える程度をぼかしフィルターに単純に移したものです。

アイテム今すぐウェブサイト新しい基準メモ

記事の本文20px · 400 · #454343コントラスト9.8:1 20px・400・#0F2A24コントラスト15.2：1行間隔1.6→1.8

リストの日付20px · 400 · #949494コントラスト3.0:1 16px・500・#4A5B56コントラスト7.1：1サイズよりコントラストを上げました

専門家名札11px · 400 · #949494コントラスト3.0:1 15px・700・#00594Aコントラスト8.3：1最も小さい文字

ボタン「今確認する」 15px · 500 · #9CA7B3コントラスト 2.4:1 17px・700・#FFFFFF / #00594Aコントラスト 8.3:1文字の代わりに面に色を

著作権表記15px・300・#9CA7B3コントラスト2.4：1 14px・500・#4A5B56コントラスト7.1：1薄い300太さは書きません

18px本文は18px以上
携帯電話でも17px下がりません。
1.7船行間隔1.7倍以上
行が変わると、次の行の最初の文字を見逃すことはありません。
14px最小の文字 14px
日付と名前表、著作権表記まで同じ基準を守ります。
7:1ボディコントラスト7：1
残りの文字もすべて4.5：1以上に合わせます。
48px押す場所 48px
ボタン、メニュー、トピックチップを指1本で正確に押すことができます。
3ステップ文字サイズ3段階
ヘッダの「ガガガ」で本文をすぐに育て、選んだ値は次回の訪問にも残ります。

06 / STRUCTURE情報構造

日付順から
人生の順に

今ウェブ陣のメニューは引退・老後、資産管理、シニアケア、法律物語、ライフ、HANA THE NEXT、ショートフォーム・映像の七つであり、その下にテーマキーワード10個があります。 2つの提案は、この分類をクリアせずに5つのトピックにまとめた後、読者が今どの幕にいるのかを2番目の軸として追加しました。

同じ継承物語でも2幕を準備する50代には税金が、3幕を一緒に設計する家族には信託が先に必要です。下の表からメンブレンやトピックを選ぶと、その行に置かれる記事が表示されます。

1幕 2幕を準備する

退職金、IRPで受け取るか一時金で受け取るか

休憩後の筋力、1日20分であれば守ることができます

家の中で準備する老後、住宅年金を学ぶ

子供に家を譲る前に知っておくべき税金

シーンで始まったギター、3ヶ月で1曲

2幕 2幕を購入する

年金を受けながら働くと年金が減りますか？

食べる薬が増えるにつれて注意してください

引退後、小さな家に移動したときに見てみる

リビング信頼は誰に必要ですか

電車で出発する3つの秋の小都市

3幕 3幕を一緒に設計する

両親の老後資金、子供と一緒にチェックする方法

両親の長期療養等級、申請から判定まで

療養施設と灰の世話は何が違うか

遺言の代わりに信託？遺言代用信託を簡単に理解する

スマートフォンで病院予約からルートを探す

読んだ次の道今、ウェブ陣では購読ボタンとラウンジ紹介、バナーが最初の画面のあちこちに散らばっていました。両提案はこの道を一方向にした。

READ読む「今週のコンテンツ」とテーマ別記事
毎週新しい記事が登場します。
SUBSCRIBE購読カカオトークチャンネル · Hana 1Qアプリ通知 · メール
次の週の記事を最初に受け取ります。
SEMINARセミナーラウンジ月間セミナー
記事で扱ったトピックを直接聞きます。
LOUNGE相談HANA THE NEXT ラウンジ6か所
私の状況に合わせて尋ね、答えを聞きます。

07 / COLOR色

一つのグリーンはそのまま、
活力は新しく

今ウェブジンのスタイルシートで最も使われている有彩色は緑色#009178です。ロゴとボタン、カテゴリ名はすべてこの色です。二つの提案はこの緑色をそのままにして、背景と合う色で性格を分けました。

Aの中は白い紙と濃い緑の文字に日差しのような黄色をかなり少し加え、Bの中は深い森の舞台にミント文字と琥珀色の照明を加えました。白い背景の上の＃009178は、コントラストが3.9：1であるため、大きなタイトルとボタンの面にのみ書き込まれ、小さな緑色の文字はより濃い緑色に変わりました。

THE NEXT GREEN ＃009178 今すぐウェブジンスタイルシート20回・ロゴ画像＃009476

が大きなタイトル・ボタンなら#009178 / #FFFFFF · 3.9:1

が小さな緑色の文字＃00594A / #FFFFFF · 8.3:1

緑色のボタンの白い文字#FFFFFF / #009178 · 3.9:1

が暗いステージのミント文字#A8E6D2 / #073B32 · 8.8:1

忙しい表紙と記事、順番に置かれる白い紙。クリーム色ではなくブランドの白をそのまま使っています。
強調面・ボタン専門家の質問と購読セクションの基礎、ボタン面です。白い文字とコントラストは8.3：1です。
情報面ターンとラウンジ情報を含む薄いミントです。
補助文字説明文と日付に書き込む灰緑色です。白い背景とコントラストは7.1：1です。
タイトルと本文黒の代わりに書いた非常に濃い緑色です。白い背景とコントラストが15：1を超えています。
区切り線は、順番とリストを分ける線です。
ロゴ・カバーボタンロゴとカバーの「⟩」ボタンにのみ使用するブランドグリーンです。
活力ポイントタイトルの横のアスタリスクとビデオの進行線にのみ少し書く黄色です。

比率は両方の提案のPC画面全体をシーン別に撮り、各色に近い画素を数えた値です。色見本を押すと、HEX値がコピーされます。

08 / TYPOGRAPHY書体

明るいゴシック様式で
大きく、太く、寛大に

両方の提案のハングルはすべてPretendardの1つに編まれました。ストロークが均一で数字幅が一定して日付や金額が多いウェブ陣でも行が揺れません。 A案は英文ラベルまでPretendardで合わせ、B案は「MY NEXT ACT」とACT番号、出生年度などの大きな数字に幅を調節できるArchivoを合わせました。

サイズは本文から始めて上下に決めました。本文20pxに基づいて記事のタイトルとセクションのタイトルを作成し、最小の文字は14pxで停止します。

文字サイズ

カバータイトル56px · 800人生の次の章

ゾーンのタイトル40px · 800今週の記事を読む

記事のタイトル28px · 700退職1年前、必ず確認する5つの

本文20px・400年金を受け始める年齢は、出生年度によって異なります。

補助文字16px · 500 2026年10月16日 · 4分読む

Pretendard Variable · A案 · B案

次の章、次の幕

ハングルのタイトルと本文、日付と数字の両方を引き受けました。本文は通常太字で、タイトルは非常に太字で書かれています。

Archivo · B案

MY NEXT ACT 1966

幅を62から125まで変えることができるサンセリフです。広く広がるACT番号と出生年度が舞台の上ではっきりと見えます。

ロゴ・HANA THE NEXT

どちらの提案も、ロゴを新しく描かずに元の図形のまま書きました。暗い面では白にのみ変わりました。

09 / MOTION動き

動きは
「⟩」方向のみ

WebJinの動きは2つのことです。次の章に進むことをお知らせし、新しいゾーンが始まることをお知らせします。書き込み中は画面が動きません。

01
⟩方向にめくる

A案の表紙は左隅を軸に右から左に進み、B案は幕が変わるたびに下進行表示の「⟩」が一マスずつ進みます。ロゴの「⟩」が指す方向がまもなく「次へ」です。
02
3行で開く

ロゴの3行はゾーンを開くマークになります。 A案は3つの章を横線3つに広げ、B案はゾーン名の前に3行記号を付けました。読者はその表示だけ見ても話が変わったことを知っています。
03
読むときは止まる

本文が画面に入ると、背景や写真は移動しません。機器で「動作を減らす」をオンにすると、めくりと拡大も両方消えます。

A案案・次章

THE NEXT PAGE人生の次の章、一緒に展開します。

ウェブジンを毎週一枚ずつ渡す雑誌で再描いた方向です。最初の画面には「人生の次の章、一緒に広げます」というタイトルの下にお金・健康・人生の3枚の表紙が置かれ、スクロールを下したり「⟩」を押すと、表紙が左隅を軸に本棚のように進みます。その下にロゴの3行を伸ばした3つの章、雑誌の順番に編まれたテーマ、大きな文字で読むこの注意読書、専門家の質問、ショートフォーム、ラウンジ、購読が続きます。

お金・健康・生活３枚の表紙をスクロールして「⟩」でめくる初画面
50代・60代・家族、3枚にまとめた記事
本文を20pxから26pxまで育てる読み取り画面とリスニングボタン
ラウンジ6か所を選ぶと11月セミナーが変わるラウンジエリア

Pretendard

DIRECTION NOTES

提案Ａのシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。

人生の次の章、一緒に広げます。
最初の画面です。大きなタイトルの下にお金・健康・生活の表紙が置かれ、右側「⟩」を押すと次の表紙に進みます。
健康の次の章
スクロールすると、表紙が左端を軸に移動し、2番目の表紙「軽い足が日を変えます」が開きます。
人生の次の章
3番目のカバーは電車の窓辺のカップルです。表紙の下に進行標識が3枚の中央のどこにあるのかを知らせます。
3つの章
ロゴEの3行を画面幅に伸ばし、2幕を用意する50代・2幕を買う60代・3幕を一緒に設計する家族の行ごとに記事を置きました。
雑誌の番のように
01から06まで番号をつけたトピック番です。トピックにマウスを置くと、左の写真と代表記事が変わります。
ゆっくり読む時間
この注意読書は本文20pxから始めて23px・26pxで育てることができ、「リスニング」ボタンで記事を声に出して読んでくれます。
専門家に尋ねる
質問を先に大きく書いて、押すと答えが広がります。専門家は名前と顔の代わりに役割と記号でマークしました。
画面外でも
ラウンジ6か所のうちの1つを選ぶと、そのラウンジの11月セミナーが見えます。

MY NEXT ACT読者の幕に合わせて
再び選ぶウェブ陣で

THE NEXT PAGE毎週1枚ずつ
めくるウェブ陣で

B案案・次の幕

MY NEXT ACT人生2幕、次の幕まで

ロゴEの3行を人生の3幕で、Xの中の「⟩」を一歩先に読んだ方向です。最初の画面では、3行の光が1つずつ点灯し、スクロールするとカーテンのように分かれ、写真とタイトルが開きます。続いてウェブ陣が「今どの幕にいらっしゃいますか？」と聞いて、出生年度を選ぶと年金を受け始める年齢と今の幕、カスタム文の三編が変わります。その後、3つの幕、今週のコンテンツ、質問や回答、映像、ラウンジとセミナー、HANA THE NEXTの話が続きます。

3行の光が舞台照明のように点灯し、カーテンのように分かれる最初の画面
出生年度を選ぶと年金を受ける年齢と今の幕、カスタム文が変わる「私の幕探し」
ACT 1・2・3を「⟩」進捗表示とともに渡す3つの幕
ラウンジを選ぶとそのラウンジの11月セミナーが開かれる模式地図

Pretendard · Archivo

DIRECTION NOTES

B案のシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。

3行のステージ
火が消えたステージでロゴEの3行が一つずつ点灯し、右側に琥珀色「⟩」が入ってきます。
幕が開いたら
スクロールすると、3行が広がり、カーテンのように分かれ、その間にしきい値を超えて日光に向かって歩く写真が開きます。
人生2幕、次の幕まで
写真がすべて開いたら、タイトルと「私のちょうど探す」ボタンが浮かび上がります。
今どの幕にいらっしゃいますか？
出生年度を選ぶと、今年の年齢、国民年金を受け取り始める年齢とその年、今の幕と読書良い文の3つが変わります。
ACT 1・仕事を整理する時間
画面が固定されたまま膜が変わります。輪郭だけを残した大きな数字と写真、3本が順番に入ってきます。
ACT 3・長く一緒にいる時間
最後の幕は継承・贈与・信託と療養を扱います。下の進行表示の「⟩」が3番目の欄に届きます。
近くのラウンジで
ソウルの4か所を一括で描いた図式地図でラウンジを選ぶと、右側にそのラウンジの11月セミナーが出ます。
NEXT、4文字の応援
ブランドが解放したNew・Energetic・Xtraordinary・Timelessとロゴモチーフの3つをウェブ陣の中で紹介します。

10 / PROCESSプロセス

四分の一から
両方向

最初の画面を何で始めるかを決定するために、4つの方向を最初にワイヤフレームで比較しました。 2つの方向は提案され、残りの2つの方向は捨てられず、提案の中の1つのゾーンに移されました。

01
毎週めくる雑誌

「この注意コンテンツ」を雑誌表紙のように大きく立て、表紙をめくって先週と来週を行き来する方向です。
A案THE NEXT PAGEに発展
02
私の幕を探す

読者が出生年度や今の状況を選ぶと、その幕に合った文から見せる方向です。
B案MY NEXT ACTに発展
03
ラウンジの地図

ラウンジ6か所とセミナーの予定を最初の画面に大きく置く方向です。ラウンジの4つの場所がソウルに集まっており、他の地域の読者には最初の画面が遠くに感じられました。
ラウンジエリアに移動
04
ショットフィード

ショートフォームと映像を縦フィードで前立てる方向です。グロじっくり読むと理解される年金と相続物語が短い映像の間に埋められました。
ビデオゾーンに移動

01今ウェブジンをもう一度読む
メニュー7個とキーワード10個、メインブロック10個を整理し、文字サイズと色を画面から直接取りました。
02ブランドの解釈
ブランド紹介に書かれたNEXT 4文字とロゴのデザインモチーフ3つを画面のルールに移せるかどうかを調べました。
03読者と読書基準
（新）シニアの出生年度と年金受給年齢を整理し、最小の文字から基準を再構築しました。
04構造
人生のちょうど3つとテーマ5つに文を再結び、読書から相談までの道を描きました。
054つのスケッチ
雑誌・私の幕・ラウンジマップ・ショートフィード 4方向をワイヤフレームで比較しました。
062つの提案
2つの方向を実際にスクロールできるメインページにして、写真は50～60代の活気ある日常で新たに用意しました。
07モバイルとクリーンアップ
390px画面でシーンを再編成し、カラー・書体・動き基準を1つの文書にまとめました。

老衰ではなく
活気を取った

今、ウェブ陣は文ごとに異なる写真や絵をサムネイルで書いています。両提案は大画面に掛けた写真で50～60代が主人公である日常を新たに準備しました。杖や病棟のような普段のシーンは除いて、家計を整理し、夜明けに歩き、水車を学び、家族と夕食を食べるシーンを選びました。写真には文字や商標を入れませんでした。

11 / MOBILEモバイル

手で読む
一週間のウェブスタッフ

Webジンの購読チャンネルの3つのうち2つがカカオトークチャンネルとHana 1Qアプリの通知です。それで、読者がウェブジンを携帯電話で開くことが多いと見て、両方の提案は390pxの画面でシーンを再編成しました。文字サイズボタンはA案がモバイルヘッダーにそのまま置き、B案は全画面メニューの中に「基本・大きく・より大きく」に入れました。

COMPARE2つの方向はどう違いますか？

同じウェブジンを開く
次の章と次の幕

両方の提案は同じ読者と同じ文章を扱いますが、最初の画面で最初に渡される言葉が異なります。 A案は今週の表紙で始まり、テーマと幕に広がり、B案は読者に今どの幕にいるのかをまず尋ね、その答えに合わせて文を選びます。 HANA THE NEXTがウェブ陣で一番最初に渡したい言葉に応じて選べるように違いをまとめました。

区分A・THE NEXT PAGEB・MY NEXT ACT

ホームお金・健康・人生 3枚の写真表紙をめくる雑誌表紙3行の光がカーテンのように分かれて写真が開く舞台

最初の文人生の次の章、一緒に展開します人生2幕、次の幕まで

ロゴからインポートしたもの「⟩」をカバーするボタンで3行を人生の3幕に、「⟩」を進行表示で

色白い紙と濃い緑色、日当たりの良い黄色の滴森の舞台とミントの文字、琥珀色の照明

書体Pretendard 1Pretendard · Archivo

文を選ぶ方法

読む本文20・23・26px 3つのステップとリスニングボタン本文100・112.5・125％3段階

ラウンジラウンジボタンと11月のセミナーリストスキームマップで選択するラウンジとセミナー

重い場所今週一緒に読む記事今私に合った記事

12 / CREDITSCONTENTS · BLUECANVAS WORKS 2026

HANA THE NEXT WEBZINE · RENEWAL

人生の次の章を広げる

HANA THE NEXT ウェブジンリニューアル提案・THE NEXT PAGE・MY NEXT ACT

Client Hana Bank・HANA THE NEXT
コンテンツ花金融研究所HANA THE NEXT研究センター
プロジェクトウェブジンリニューアル提案・2026年10月
Research今ウェブ陣のメニュー・キーワード・メインブロック、文字サイズとコントラスト実測
Brand Reading Eの三行（人生の三幕）とXの中の「⟩」
リーダー（新）シニアの時刻表、読書基準6種類
Structure人生の幕3個×テーマ5個、読む→購読→セミナー→相談
Direction A THE NEXT PAGE・表紙をめくるエディトリアルウェブ陣
Direction B MY NEXT ACT・読者の幕に合わせて変わるウェブ陣
Mobile 390pxスクリーンシーンの再構成
TypefacesPretendard · Archivo
StudioBlueCanvas

OPEN THE NEXT PAGE

長く読んだコンテンツを
もう一度展開したい場合は

毎週溜まる文が日付に埋もれないよう、読者の時刻表に合わせた構造からまとめてまとめます。

プロジェクトを話す他のポートフォリオを見る

項目	保存期間	根拠法令
契約・サービス履歴	5年	韓国電子商取引法
決済・取引履歴	5年	韓国国税基本法、韓国電子商取引法
顧客の苦情・紛争対応	3年	韓国電子商取引法
アクセスログ（IPを含む）	3か月	韓国通信秘密保護法

人生の次の章を展開する

（新）シニアのためのブランドの
コンテンツハブ

（新）シニアのための新しいブランド

新しいシニア

3行は3つの膜です

Xの中に隠れた「⟩」

生きてきた時間と生きる時間

ロゴの中にはすでに「次へ」ボタンがあります

デジタルが見知らぬ世代ではなく
目が変わった世代

若い活気、
大きな文字

日付順から
人生の順に

一つのグリーンはそのまま、
活力は新しく

明るいゴシック様式で
大きく、太く、寛大に

動きは
「⟩」方向のみ

⟩方向にめくる

3行で開く