44dat DESIGN GALLERY

福祉コミュニティ

Mosaic Minds(モザイク・マインズ)

架空ブランドを立てて制作したデザインデモです(2026-07-03 公開)。

実際のサイトを見る 別タブで開きます

Mosaic Minds(モザイク・マインズ)(福祉コミュニティ)のホームページデザイン

自閉スペクトラム・ADHD・LD・感覚過敏などの当事者と家族が、対等な立場で支え合う相互扶助コミュニティ。相談窓口・ピア講座・当事者会・自治体連携。見る/読む/聴く、あなたの読み方で。

全ページビュー

Mosaic Minds(モザイク・マインズ) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト Mosaic Minds(モザイク・マインズ)— 神経多様性の当事者と家族が、それぞれの認知の輪郭を持ち寄って編み合う相互扶助コミュニティ

スタイル
「断片の共存」を編集原理にした概念可視化イラスト+読み方の主権をブランド化したa11y
レイアウト
非対称エディトリアル二層構造(上層=当事者性と歓迎の情緒ファーストビュー/下層=相談・学ぶ・つながるの目的別IA。情報の重みでブロック密度を変え『読む呼吸』を設計)
タイポグラフィ
概念可視化ディスプレイ見出し(手描きの温かさは残しつつ図解的・構造的)+高可読サンセリフ本文。詩的コピーと制度説明をセクション単位で分離
モーション
動きなし(prefers-reduced-motion 最優先)。演出はモーションでなくブロック密度・余白・イラストの出現順・読了導線でリズムを作り、静けさを強さに転化
配色
象徴色を1〜2色に絞る(虹色の全面採用を避ける)。ベースは静かな中間色、モザイクの断片が接続する箇所にだけ蛍光マゼンタの点アクセント。面色とテキストでトークンを分けAA確保
狙い
『モザイク=断片が接続して全体になる』を実装したグラフィック体系。写真・声・テキスト・図解を均質化せず並置し、見る/読む/聴くの選択自体を『読み方の主権』としてブランド化する情報アーキテクチャ差別化。
設計の勘所
同一コンテンツを『見る/読む/聴く』の行為ベースで選ばせ、フォーマット選択自体を思想として提示するa11yパターンと、断片を接続するモザイク編集原理(情報の組み方そのものを作風にする)

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。