Flowzooヘルプセンター

デザイン制作期間: 2日程度
コーディング&WordPress構築期間:1週間程度

使用ツール: Figma・Visual Studio code・Google Meet・Slack

業務管理SaaSのサービスシステムのヘルプセンター

・費用を抑えて制作したい

・記事内に目次をつけたい

・カテゴリ毎にわかりやすくしたい

・HTMLの知識がなくとも編集可能にしたい

・誰が投稿しても見た目が綺麗になるようにしたい

ヘルプページの構築経験を活かし、設計〜デザイン〜構築まで特急完走

WordPressのダッシュボードに作成した記事作成方法、管理者向け記事更新説明ページを内部に設置

カテゴリが増えても自動でメニューとTOPページに項目が増えるように自動化する等
個別記事ページは見出しを目次化

事前に記事内の要素パターンを整理しcssのスタイルが自動で反映されるように準備いたしました。

デザインは、サービスサイトやシステムと区別ができるように、但し世界観を壊さないような本サービスのブランディングの範囲でテイストを合わせ、静かに閲覧できるように落ち着いたブルー＋白ベースにすることで、落ち着きや信頼感を心理的に与える配色に仕上げました。

極力シンプルに見易さや情報の探しやすさを重視したデザインになっています。
アニメーション等を施すと集中して観ることができなくなるため、イラストも最小限の使用に留めています。

Works