会員サイト「レイアウト・機能整理の改修」モック
運営の改修依頼に沿って作った、触れる試作です。同じ機能・同じ架空データで、見た目と使い勝手の方向が違う3パターンを用意しました。どのページでも、上の帯の「パターン 1・2・3」で同じ画面のまま切り替えられます。表示されている名前・投稿・予定はすべて架空で、押しても何も送られません。
ログイン後の画面から試す（ホーム）
実際のサイトでは、ログインするとホームが最初に開きます。ホームから、チャット・講座・課題・予定へ進めます。まずはここから触ってみてください。
上の帯の「受講生として見る｜運営として見る」（スマホでは「受講生｜運営」）で、見る立場を切り替えられます。運営として見ると、辻さん（講師）の画面になり、チャットが多く、あなた宛ての未読も多く、「管理画面へ」が出ます。
未読・やること・予定が1件もないとき（入会したてなど）の見え方は、何もないときの画面（パターン1）→
どのページでも、上の帯の「見本：いつもの画面｜何もないときの画面」で切り替えられます（スマホでは帯の「その他 ▾」の中です）。
迷ったら、パターン1（今のサイトの雰囲気のまま）がおすすめです。
見方：3つのパターン（見た目の方向）×チャットのスマホ2案（案A＝下のメニュー／案B＝左上の三本線）です。スマホは、各パターンの「チャット（スマホ 案A／案B）」で2案を並べて比べられます。
スマホで開いている場合：「ホーム」「チャット」を押すと、枠のない全画面で、実際のサイトのように動きます。下のメニュー（ホーム｜チャット｜講座）で行き来できます。チャットは案A（下のメニュー）で出ます。案B（左上のメニュー）を試したい場合は、各パターンの「案B（左上のメニュー）で試す」を押してください。
上品・ゆったり
今の One Style の見た目そのまま。余白を多めにとり、見出しは明朝、一覧の行間もゆったり。左メニューの「チャットルーム」は開いたり閉じたりできます（開いている間は、いちばん上に出ます）。
パソコン用のチャット画面は、パソコンで開いてご覧ください。
仕事向け・すっきり（Chatwork寄り）
毎日たくさん返信する運営向け。一覧は1行に「名前・最終発言・時刻・件数」で詰め、本文はゴシック中心で密度高め。あなた宛ての未読は緑の見出し帯と濃い地で強く示します。左メニューの一覧は、はじめから開いた状態で、パターン1・3と同じく閉じることもできます。
パソコン用のチャット画面は、パソコンで開いてご覧ください。
やわらかい・カード（ラフ寄り）
運営のラフに寄せた形。一覧もメッセージも淡い地の上の角丸カードにし、ボタンは丸く大きめ。スマホで指で押しやすいことを優先しています。
パソコン用のチャット画面は、パソコンで開いてご覧ください。
仮置きの点：「課題・添削」の添削の受け取り方は相談中のため、今は仮置きの表示です。講座の課題は、講座の各回から提出する形にしています。
キーボードでも操作できます（Tab で移動、Enter で決定、Esc で概要パネル・メニューを閉じる、入力欄で ⌘／Ctrl＋Enter で送信）。