PRODUCT / 主力

Nortiq AI
投稿アシスタント。

「書ける気がしない」を、なくす。非技術ユーザー向けの AI 投稿アシスタント。普段の言葉で AI に伝えるだけで、要約・SEO最適化・競合分析まで対話形式で記事を整えます。

GA リリース非技術者対応対話型UIWordPress 連携可
主力のサービスイメージUI DESIGN PROPOSAL
design-proposal cover

8ステップで、迷わず公開まで。

FLOW · 8 STEPS

「書きたい」と思ってから「公開」までを 8 つの小さなステップに分割。AI が各段階で確認を取りながら進むため、勝手に投稿される心配がありません。

STEP 01
内容を伝える
STEP 02
画像をアップ
STEP 03確認
AI要約・確認
STEP 04
SEOチェック
STEP 05確認
プレビュー
STEP 06
タイトル設定
STEP 07
スケジュール
STEP 08確認
公開

AIが必ず止まる3つの確認ポイント

STEP 03 / 05 / 08
STEP 03

「こういう内容で合っていますか?」

AIが入力内容を箇条書きにまとめ、ユーザーは「OK」か「直したい」の 2 択で答える。誤解の早期発見に。

STEP 05

「公開後の見た目」を一緒に確認

技術用語の「プレビュー」を使わず、PC／スマホの実際の表示を見て判断できる。

STEP 08

最終確認 → 公開

タイトル・カテゴリ・公開日時を一覧表示。「本当に公開しますか？」のダイアログで誤投稿を防止。

6つの設計原則

PRINCIPLES · NON-TECH FIRST

「非技術ユーザーが、迷わず、安心して、自分の言葉で発信できる」ことを最優先にした、6 つの設計哲学。

PRINCIPLE / 01

進行状況を、線で見せる

8 ステップを常に画面のどこかに表示。今どこにいて、あといくつあるかが一目でわかる。

PRINCIPLE / 02

AIが「これでいいですか?」と必ず止まる

勝手に投稿が進まないよう、要約フェーズでカードを表示。「OK」「直したい」の 2 択で誤投稿を防止。

PRINCIPLE / 03

プレビューを「ライブ」に

編集がそのまま反映。技術用語を使わず「公開後の見た目」と表記。スマホ表示の切替も1タップ。

PRINCIPLE / 04

SEO は「点数+チェック+競合」の3層

丸スコアで全体感、◯△ で項目別、競合上位3記事の文字数・スコアまで提示。

PRINCIPLE / 05

敬語で、急かさず、提案する

「〜しましょうか」「〜してみますね」のトーンで統一。提案チップでタイプ量を最小化。

PRINCIPLE / 06

制約された美しさ

色は白・温白・藍・AI紫の4色のみ。Noto Serif JP × Noto Sans JP の静かな画面設計。

3つのバリエーション

VARIATIONS · PC × 2 + MOBILE

A · CLASSIC SPLIT

クラシック分割

Notion風 / 2カラム / ライブプレビュー

Variation AVariation A
classic-split.png
  • 上部の進捗ピル列 (8ステップ)
  • 左にAIチャット、右にライブプレビュー
  • 提案チップで定型指示を1タップ送信
  • PC / スマホ切替で両表示を即確認

向く: 普段からPCで書く方 / Notion に慣れたチーム

B · STEP-BY-STEP

ステップガイド型

ガイド付き / 8ステップ / 競合分析

Variation BVariation B
step-guide.png
  • 左の大きなステップサイドバー
  • 右の 4 カード (スコア / チェック / キーワード / 競合)
  • 「+800語で上位を狙えそう」の AI 提案
  • 非技術者にやさしいガイド体験

向く: WordPressから移行直後 / 月数記事の運用

非技術者おすすめ
C · ON-THE-GO

モバイル版 (iPhone)

チャット型 / タブ切替 / 親指で完結

Variation CVariation C
mobile.png
  • 細い 8 本の進捗バー (STEP 03 / 08 表記)
  • 「AIと会話」「プレビュー」の 2 タブ切替
  • 横スクロールの提案チップで打鍵最小化
  • 音声入力 + 写真添付で外出先も投稿可

向く: 通勤・移動中に書きたい方 / LINE 慣れユーザー

SEO最適化 + 競合分析

SEO · 4 CARDS

「投稿しても見てもらえない」を解決するため、SEO機能を 4 つのカードに分けて設計しました。

CARD / 01

SEOスコア

78/100+12

0〜100 の丸グラフで健康度を視覚化。「+12 改善」など前回比を表示。月間検索数・競合の強さも併記。

CARD / 02

チェック項目

  • ◯ タイトルにキーワード含む
  • ◯ 見出し階層が整理
  • ◯ 画像 alt 自動生成
  • △ メタが少し長い (132字)
  • ＋ 内部リンク候補 +2
CARD / 03

キーワード候補

月間検索数 + 競合強さ付きで 5〜10 件を提案。タップで選択 / 解除でき、選んだキーワードは記事全体に反映。

在宅勤務 集中力リモートワーク 効率おうち時間 仕事術
CARD / 04

競合ブログ TOP3

  1. biz-media.jp3,200語 / SEO 91
  2. work-style.com2,400語 / SEO 84
  3. career-note.jp4,100語 / SEO 82
N
AI の一言

上位記事は平均 3,200 語あります。あなたの記事は 2,400 語なので、あと 800 語追加すれば上位を狙えそうですね。具体的な追加セクションの案も準備できますよ。

3パターン比較表

DECISION

観点
A · クラシック分割
B · ステップガイド型
C · モバイル版
ターゲット
PC中堅以上
WordPress乗り換え初心者
移動中・スキマ時間
学習コスト
中
🏆 最低
低 (LINE的UI)
画面情報量
多 (2カラム同時)
中 (1ステップ集中)
少 (1ステップ+切替)
SEO機能の見せ方
右カラムに統合
🏆 専用画面で4カード詳細
縦スクロールカード
プレビュー
常に右で見える
STEP 05 で全画面
タブ切替
🟣
Nortiq の提案: A + B のハイブリッド + C をスマホ版に。
初心者モード = B でスタート → 慣れたら「A レイアウトに切替」で Notion 風 2 カラムへ。スマホは独立して C を実装。

デザインシステム概要

DESIGN SYSTEM

カラーパレット

BG / 白
#ffffff
BG / 温白
#faf9f6
BG / 紙
#f4f3ef
Border
#ecebe6
Ink
#1f1d1a
Ink Muted
#5b5852
Brand 藍
#2f3a8f
AI Purple
#5b4dde
OK
#1c7a4d
Warn
#a86d12

タイポグラフィ

  • 見出し (大・小)在宅勤務でも集中力を保つNoto Serif JP 600
  • 本文あなたの記事も +800 語で上位を狙えますNoto Sans JP 400
  • ラベル / 数値STEP 04 / 08JetBrains Mono 500
  • アクセント斜体Classic SplitInstrument Serif

設計提案資料

UI DESIGN PROPOSAL · v0.1 · 全9ページ

本プロダクトの設計思想・3パターンのUI・SEO機能・比較表をまとめた提案書をそのまま掲載しています。

01 / 09表紙 — ふだんの言葉でAIに伝える、ブログ投稿UI
設計提案資料 ページ 01
02 / 09CHAPTER 01 · OVERVIEW — 8ステップと3つの確認ポイント
設計提案資料 ページ 02
03 / 09CHAPTER 02 · PRINCIPLES — 6つの設計原則
設計提案資料 ページ 03
04 / 09CHAPTER 03 · VARIATION A — クラシック分割 (Classic Split)
設計提案資料 ページ 04
05 / 09CHAPTER 03 · VARIATION A — 注目ポイント 6つのこだわり
設計提案資料 ページ 05
06 / 09CHAPTER 04 · VARIATION B — ステップガイド型 (Step-by-Step)
設計提案資料 ページ 06
07 / 09CHAPTER 04 · SEO FEATURES — 4カードと AI の一言
設計提案資料 ページ 07
08 / 09CHAPTER 05 · VARIATION C — モバイル版 (On-the-go Posting)
設計提案資料 ページ 08
09 / 09CHAPTER 06 · DECISION — 3パターン比較表と提案
設計提案資料 ページ 09

── LOOP AI · UI DESIGN PROPOSAL · END

オリジナルデザインのWeb制作 × AI運用
まずは無料で資料請求

営業日 24時間以内に担当者よりご返信します。

初回相談無料 · 営業日24h以内にご返信