01
基本デザイン（下層ページまで）
トップから、例会の申込、開催報告、会報、入会案内、会員の方へのページまで、すべて作っています。
信頼感と親しみやすさの両立
白を基調に、深い緑を1色だけ。まちと人のイラストで県内5支部を表し、例会の様子は実際の写真で伝えます。例会は締切までの日数が見えるチケットの形にしました。
基本デザインを開く02
トップページの別案（5案）
同じ内容を、並べ方・区切り方・文字の表情を変えて5通りに組みました。別案はトップページだけです。選んでいただいた方向で、下層ページのデザインをそろえます。
A情報の見やすさを参考に
案A 情報整理
お知らせ・例会・窓口を、表のように整理して並べる。目的のページに最短で着く。
案Aを開く
Bハンバーガーメニュー・イベントのフレームを参考に
案B フレーム
画面右の固定ボタンと2段組みのメニュー。例会はカード型のフレームで横に送って見る。
案Bを開く
Cイラスト・余白感を参考に
案C イラストと余白
大きなイラストと広い余白。番号の付せんでセクションを区切り、やさしく読ませる。
案Cを開く
Dセクションの分け方を参考に
案D セクション分割
生成りの地に白いカード。1本の道がページをつなぎ、縦書きと明朝で和の落ち着き。
案Dを開く
Eフォント・言葉の強さを参考に
案E タイポグラフィ
太い見出しを白い帯にのせて写真に重ねる。言葉の強さで「入りたくなる」を伝える。
案Eを開く03
管理画面のデモ
事務局の方が、専門の知識がなくても更新できるようにする画面です。実際に操作できます（保存や送信はしません）。
紙面づくり（会報 DOYUあおもり）
型を選んで原稿を入れ、ドラッグで並べ替え。写真の角を引いて大きさを変えると、本文が回り込みます。残りの字数が見え、印刷会社に渡す入稿用PDFを作れます。
開いて試す
LINE配信と申込
例会の告知をLINEで送り、LINEの中で申し込み、前日にお知らせ。配信ごとに、開いた人・申し込んだ人の数を見られます。
開いて試す
開催報告を書く
決まった入力欄に、写真と文章を入れるだけで開催報告の記事になります。会報の記事と同じ原稿から、Webの読みものも作れます。
開いて試す
新会員紹介の原稿入力
新しく入った会員が、紹介文と写真を自分で送れるフォーム。字数を数えながら、載ったときの見え方を確かめられます。
開いて試すご覧いただく前に
- このデモは、検索エンジンに表示されない設定にしています。
- 記事・会社名・数字の一部はサンプルです（ページの中に「サンプル」と表示しています）。
- 写真は、会報「DOYUあおもり」に載っているものを仮に置いています。本番は事務局からいただく写真に差し替えます。
- フォームの送信と検索の一部は、動きのイメージです。会員ログインは、e-doyuの本物のログイン画面へ移動します。
- パソコンとスマホの両方でご覧いただけます。