新しい本は毎週出てきましたが、
選ぶ方法は分類と並べ替えだけでした。
書籍のリストは、分野、ブランド、シリーズに分けることができますが、最終的に出版日順につながる長いリストでした。何を読むかまだ決めていない読者には、別の出発点が必要でした。
気分やテーマでも選べる
BLUECANVAS SELECTED WORKMUNHAKDONGNE PUBLISHING GROUP · PUBLISHING
MUNHAKDONGNE PUBLISHING GROUP · WEBSITE RENEWAL PROPOSAL
本が住む
近所
Munhakdongne出版グループWebサイトリニューアル提案
ブランド解析・情報構造・UIデザイン・読書経験
序文・OVERVIEW プロジェクトの概要
33年の間に育った近所に
新しい地図を描きました。
Munhakdongneは1993年に小説集と散文集の2冊でオープンしました。今は20以上のブランドと系列会社が集まった出版グループとなり、書籍リストには8,784種の本が上がっています。
BlueCanvasは2015年以来、MunhakdongneホームページとブッククラブMunhakdongne、Weekly Munhakdongneを作成して運営してきました。 10年近く一緒に働いて集めた質問で、次のホームページがどんな姿であるべきかリニューアル方向を提案しました。このページはその提案をまとめた記録です。
- #出版グループ
- #ブックナビゲーション
- #キュレーション
- #読書体験
- #ウェブ連載
- ＃情報構造
- #ブランドシステム
- #デザインシステム
- #リアクション
近所を数字で最初に読みました。
1993
Munhakdongneがドアを開けた
8,784
本のリストに
右の本（種）
128
季刊『Munhakdongne』
2026 秋通券
256
Munhakdongne市印線
最も最近の番号
280
世界文学全集
最も最近の番号
20+
出版グループの
ブランドと関連会社
数字ソース：Munhakdongneホームページ公開資料（2026年10月現在）
1章・THE QUESTION
8,784巻 本と 20 つ 越える 名前 生きる 近所では、 読者は 今日 読む ハン 巻 どのように 会いましょうか？
第2章・ANALYSIS 運営して集めた3つの課題
運営して集めた質問を
校正地のように修正しました。
ホームページを運営している間、編集部と読者から同様の話を何度も聞きました。その物語を原稿矯正紙に赤いペンで表示するように一つずつわかってまとめました。
新しい本は毎週出てきましたが、
20以上のブランドが
のような声で紹介されていました。
ナンダとエリキシル、交易書と話長寿は読者も、言葉も、表紙も違います。しかし、ホームページではフィルターの中に同じサイズの名前でしか置かれていませんでした。
ブランドごとに自宅と表札を
1つの近所は
4つのサイトに分かれていました。
MunhakdongneとブッククラブMunhakdongne、ドッパ、Weekly Munhakdongneは異なる時期に作られ、画面の口調と長さは少しずつ違った。読者にとっては、すべて同じMunhakdongneです。
ある近所の路地のようにつながる
第3章・PEOPLE
この近所を探している
この近所を探している
五人を描きました。
年齢や性別の代わりにホームページに来た理由で人を分けました。理由が違うと、最初の画面で探すのも変わるからです。
今日読む本を探している読者
「最近、心に合った本一冊だけ選んでほしい」
- 気分やトピックで始まるナビゲーション
- 信頼できる紹介とおすすめの言葉
- お近くの書店と購入先
提案では、気分で選ぶ書道
原稿を準備する人
「今年の公募日程と原稿分量はどこで見られますか？」
- 公募スケジュールを一目で
- 分量と応募資格
- 一般投稿方法
提案では、原稿の公募ガイド
授業を準備する先生と司書
「子どもたちと読む本や授業資料が一箇所にあればいいです」
- 読書の段階的な推薦
- 授業資料のダウンロード
- 作家講演・原画展示申請
提案では、学校と図書館
本屋を構えるオペレーター
「私たちの書店に入る新しい本やイベントのニュースを見逃したくありません。」
- 今週の新聞
- 近所書店エディション
- ブックトークとイベント
提案では、近所の書店のお知らせ
連載に沿って読む読者
「午後3時になると、昨日読んだところからすぐに続きたいと思います」
- 続いて読む
- 文字サイズと夜モード
- 新しい回差通知
提案では、Weekly Munhakdongne読み取り画面
第4章・BRAND THINKING
「近所」という2文字で
「近所」という2文字で
出発しました。
「Munhakdongneから出願された様々なインプリントと系列会社が一緒にいて、それぞれに個性的な音と光で豊かで多彩な本の世界を作っていきます。」Munhakdongne出版グループ紹介
- 01・1993・1冊名前一つでドアを開けました
1993年、Munhakdongneは小説集と散文集の2冊で始まりました。
- 02 · 1999–2022 · 書家ブランドが一冊ずつ差し込まれました
子供と漫画、芸術と人文、ミステリーとエッセイまでブランドが一つずつ増えていくことになりました。
- 03・今・近所本が集まると近所になります
高さも色も違う本などが並んだ姿は人が集まって暮らす近所のスカイラインに似ていました。ホームページのグラフィックはここから始まりました。
BRAND STATEMENT
本を売るホームページで、
本が住む町へ。
スローガン「本でより良い世界を夢見ます」から 提案文「本が住む町」へ
表紙が主人公です。
カバーは、編集者とデザイナーが最も長く悩んでいる本の顔です。画面は表紙を切り取ったり、文字で覆うことなく、紙のように静かに支えます。
一冊ずつゆっくり見せてくれます。
リストを長く並べる前に、今日会う一冊とその本の第一印象を先に渡しました。選ぶ時間も読む経験の一部だからです。
路地のようにつながります。
本から作家へ、作家から連載へ、連載からブッククラブへとつながります。一冊を読んだ後も、行く場所がいつも開いていなければなりません。
PHOTOGRAPHY DIRECTION
人の顔より
人の顔より
本が置かれた場所を撮ります。
出版社のホームページでは、写真は表紙を際立たせる背景でなければなりません。デスクや書籍、近所の書店や図書館のように、本が実際に置かれる場所や手の動きで雰囲気を伝える基準を立てました。
- DO本が置かれた実際の場所
- DO手と紙の質感、窓の光
- DON'Tカバーの上に文字を置く
- DON'T作家の写真を同意せずに切り取る
5章・COLOR SYSTEM表紙が一番華やかなので、
表紙が一番華やかなので、
画面は紙になります。
年にも数百冊の表紙が新しく出てきます。ホームページが色を加えると表紙と争うことになります。それで、下地はオフホワイトの紙で、文字は餌で決め、強調色は本の中のひもひとつだけ残しました。
COLOR EXPLORATION 3つのパレットを同じ画面に表示しました
OPTION 1・餌と白い紙ロゴの黒をそのまま持ってきました。硬いが新聞のように涼しく、白いカバーは白い背景に埋められ、境界が消えた。
OPTION 2・表紙のすべての色分野ごとに色を与えたところ、画面が表紙と競合しました。背景色に似たカバーはまったく見えませんでした。
OPTION 3・紙と食べ物、薄い縞オフホワイトの背景では、明るい表紙と暗い表紙の両方の境界が生きています。赤い紐は新しいニュースと今の場所にのみ書き込みます。
オフホワイト Paper
#F3EFE6RGB 243 239 230
基本
本の紙に似た背景です。純白より目が楽で、白い表紙の縁も消えません。
- 食べる文字
- 16.0:1 AAA
食べる インク
#151412RGB 21 20 18
文字とロゴ
本文とロゴの色です。純粋な黒よりも1トン暖かく、オフホワイトとよく合います。
- オフホワイトの背景
- 16.0:1 AAA
鉛筆 ペンシル
#6B665ERGB 107 102 94
補助文字
著者、日付、説明のように、一歩後退して文字に書き込みます。オフホワイトの上でも4.5：1を超えています。
- オフホワイトの背景
- 5.0:1 AA
- 食べる文字
- 3.2:1 大きな文字
ストライプ リボン
#B83A27RGB 184 58 39
今、ここ
新しい書籍の表示と現在のタブ、アクションを推奨するボタンにのみ書き込みます。本の中のひものように一本だけ置きます。
- オフホワイトの背景
- 5.0:1 AA
- 食べる文字
- 3.2:1 大きな文字
夜 Night
#1C2433RGB 28 36 51
夜の読書
Weekly Munhakdongne連載と夜モード、暗いシーンの背景。
- オフホワイトの背景
- 13.6:1 AAA
- 食べる文字
- 1.2:1 装飾のみ
砂 Sand
#D9C7A3RGB 217 199 163
本など
本などのスカイラインとカードの背景に使う補助色です。文字はいつも餌で上げます。
- オフホワイトの背景
- 1.4:1 装飾のみ
- 食べる文字
- 11.1:1 AAA
背景を選ぶ前に、
カバー列券を最初に上げました。
視認線のように明るい表紙と世界文学全集のように暗い表紙を一画面に置き、背景色だけを変えてみました。下のボタンを押して直接比較できます。
オフホワイトの背景で最も多くのカバーが私の輪郭を保ちました。白いカバーは1トンの暗い背景のおかげで、黒いカバーは明るい背景のおかげで境界が鮮明です。
COLOR RATIO
1画面で色が占める割合です。紐紐は100のうち2のみを使います。
第6章・TYPOGRAPHY 2つのフォント、2つの役割
物語・明朝
文学
Noto Serif KR · 400–900アシスタント・ゴシック
近所
Pretendard · 400–900道はゴシックで、
物語は名誉で。
Munhakdongneロゴのタイトなゴシック様式は、メニューやボタンのように道を案内する場所に書きました。本の本文に似た名組は、本のタイトルと紹介、連載のように話が流れる場所に書いています。
1画面内でも役割が変わるとフォントが変わります。それで、読者はどこを押すべきか、どこを読むべきかを別に学ばなくてもわかります。
- Display・明朝900 本が住む町 96 / 1.15
- Heading · Myeong 700 今週新しく書かれた本 52 / 1.25
- タイトル/ゴシック700 コンテスト/投稿ガイド 24 / 1.4
- 読書・明朝400 ストーリーは私が止まった場所で静かに待っていました。 19 / 1.9
- Body · Gothic 400 月曜日から金曜日まで、毎日午後3時に新しい車が登場します。 17 / 1.75
- キャプション・ゴシック500 Munhakdongne視認船256 · 2026.09.29 14 / 1.5
GRAPHIC SYSTEM 本など1つ、ひもひとつ、下線1つ
本から取り出した
3つの部品ですべてを。
本などは分類とブランドを、紐は今位置と新しいニュースを、下線は必ず読まなければならない文章を表示します。 3つすべてが本を読んでいる人であれば、既に知っているようなので、別に説明する必要はありません。
タブを押してみてください。ストラップが今位置に移動します。
第7章・DECISION 何を基準に選びましたか？
きれいな提案より
表紙が輝く提案を。
7つの基準で4つの提案を一緒に評価しました。最も重い基準は、カバーが目立つかどうか、そして毎週新しい本を上げる操作が軽いかどうかでした。出版社のホームページは毎年数百冊の新しい表紙を受け取らなければならないからです。
評価基準A・本が住む町B・一文C・夜の書斎D・町内地図
表紙が目立つか
初めて来た読者の探索
ブランドとシリーズの拡張
文学出版社らしい品格
毎週新刊を上げる運営
モバイルで読む
アクセシビリティ
B・一文
「今日の文章」と明朝タイポグラフィ
C・夜の書斎
Weekly Munhakdongneの夜モードを読む
D・近所の地図
指導型メニューと三日月・半月・満月読書段階
A・本が住む町最終提案
採用していない提案のメリットは捨てずにA案の路地に移しておきました。
- 01 もう一度読む 10年目の操作記録とお問い合わせを見る
- 02 分割 訪問目的で5人を定義する
- 03 設定 「近所」からブランド言語を取り出す
- 04 描画 主な提案は4冊
- 05 均等 7つの基準で一緒に評価
- 06 トリミング 本の詳細、連載、コンテスト画面の設計
第8章・EXPERIENCE 一冊に会う4つの方法
リストを下るのではなく
一冊に会う方法を。
最終提案Aの画面の中で、読者が最も頻繁に通過する4つの場所を選んで別々に設計しました。下の画面はすべて直接押すことができます。
01・キュレーション
今日の気分で選ぶ本
分野を知らなくても始めることができるように、気分やテーマで本棚を再び差し込みます。
誰の責任でもない
いい日がいい日
滑り
時代横断
マクベス
イノギダム
最初の悲しみが目覚めたとき
太陽がドアを稼ぐ
動物、AI、神
ダークショップの街
大富豪
紙人形風呂
地球表現で言えば
分裂するアメリカ
加護
ジェイ
回光回光
デグルデギル同時の卵が転がってきた
日本の誕生
解放の日
《ミステリア》65号
ブドウ
チョドリと悩みの多い森2
8つの宇宙
24巻を本棚に差し込みました。
02・書籍詳細
本の一冊に家のまま
表紙を切らずに棚の上に立て、書誌情報と次に行く場所を一画面に集めました。
Munhakdongne詩人船256
Munhakdongne視認船 255・256番を並べて表示し、シリーズ全体のリストにつながります。
いい日がいい日
Munhakdongne詩人船256番目の詩集で薄板式詩人の『いい日が良い日』を展開する。
出版社の本紹介 最初の文章Munhakdongne視認船 255・256番を並べて表示し、シリーズ全体のリストにつながります。- ドッグこの本で完成チャレンジを一緒にする
- ブッククラブMunhakdongne会員特典とブッククラブの本を見る
- 近所の書店近くの書店で探す
購入先を見る
03 · Weekly Munhakdongne
午後3時、止まった席からまた
月曜日から金曜日まで毎日午後3時に新しい回車が登場します。読んだ場所を覚えて、フォントとサイズ、行間隔、背景を読者が選びます。
フォント
サイズ
行間隔
デスク
3話 ・ ひものある席
午後3時になると、近所の本屋のガラス扉に日光が斜めにかかる。主人はその時間に合わせて新しく入ってきた本を一冊ずつ取り出し、表紙を手のひらで拾ってみる。まだ誰も広げていない本では紙の匂いが先に出る。
私は昨日読んで湾側を見つけて、ストライプを引っ張る。物語は私が止まった場所で静かに待っていた。窓の外に自転車一台が通り過ぎ、次の文章がゆっくり始まる。
本文は、画面設計のためにBlueCanvasによって書かれた例文です。
04・コンテスト・投稿
原稿を書く人のカレンダーは原稿の上に
Munhakdongneの公募と一般投稿を一枚の原稿に集めました。何を準備すべきかを１つずつ読み取るように賞名を原稿用紙の欄に１文字ずつ座りました。
公募名と回差：Munhakdongneコンテストページ（2026年10月現在）
私32回ドア学ドンはい牛雪賞
2026ドア学ドンはい神人賞
私28回ドア学ドンはいええリンこのドア学賞
私17回ドア学ドンはい青牛年ドア学賞
私15回ドア学ドンはいドン市ドア学賞
私4回ドア学ドンはい秒勝つ月ドア学賞
私10回エルリック市ルアメリカスターリーティーン賞
日半分トゥ高
第9章・INFORMATION ARCHITECTURE 路線図で描いたメニュー
メニューは組織図ではなく
近所の地図のように。
出版グループの部門構造ではなく、読者がやろうとしてメニューを再び結び付けました。 「図書／著者」の中にあったマガジンは別途道を出して、「顧客センター」のお知らせは「近所のお知らせ」に移りました。
ホームから6本の路線が出発し、北クラブMunhakdongneとドッパ、Weekly Munhakdongne、カフェコルマはどの路線でも乗り換え可能なファミリー停留所に縛られました。
既存の「書籍/著者」本
新しく書いた本・キュレーション・シリーズ・受賞作・作家
既存の「本／著者の中」デジタルマガジン
季節Munhakdongne・ミステリア
既存「公募展/投稿」公募展・投稿
公募案内・受賞作発表・一般投稿
既存「学校/図書館」学校と図書館
授業資料・作家講演・原画展示・ブックキュレーション
既存「お客様センターお知らせ」近所のお知らせ
お知らせ・イベント・採用・ニュースレター
従来「Munhakdongneについて」Munhakdongneについて
出版グループ・ブランド・沿革・アクセス方法
第10章・MOBILE 手の近所
手の中でも
一冊が先に。
Munhakdongneのホームページを初めて開く場所は、携帯電話の場合が多いです。小さな画面でも検索と今週新しく出た本を最初の画面に置き、表紙は横に渡って均等にしました。
- 最初の画面で検索し、今週新しく書かれた本
- カバーを切らない水平に立つ
- 連載は引き続き読み取りボタンから
- 親指が当たる場所の大きなボタン
結論・AND TODAY 一緒に運営してきた質問
10年近く一緒に運営して
同じ質問を続けていきます。
BlueCanvasは2015年以来、ホームページとブッククラブMunhakdongne、Weekly Munhakdongneを作成して運営し、Munhakdongneと共同してきました。
提案を準備して立てた質問は、その間、いつも作業の基準となりました。表紙をどのように際立たせるのか、初めて来た読者にどのような道を先に開いてあげるのか、一冊をすべて読んだ後は、どこにつながるかを先に尋ねます。
NOW OPERATING運営中のMunhakdongneホームページ
新刊とマガジン、公募展と学校・図書館のお知らせまで。 Munhakdongneの新しいニュースはここで着実に更新されます。
YOUR STORY, READ WITH CARE.
あなたのブランドには
あなたのブランドには
どのストーリーが住んでいますか？
出版社とメディア、文化機関のホームページは、長く読まれる話を盛り込むところです。
