社内チャットツール機能紹介ページ改修

2025年05月26日2025年05月31日

Last update

2025.05.31

工夫したこと

usersユーザー目線での導線設計

機能の多いサービスであるWowTalkにおいて、訪問者が目的の機能にスムーズに辿り着けるよう、カードUIを中心とした構成を採用しました。
JavaScriptでの実装により、ページ遷移なしで直感的に情報を比較・確認できる導線を実現しています。各機能セクションにはアイコンや短い見出しを設置し、読みやすく親しみやすい構成として実装をおこないました

operation編集者目線での導線設計

ブロックエディタを活かした編集機能を実装してほしいというオーダーがあり、開発環境にてパターンブロックをテストし、組み合わせで1つのセクション、1つの投稿となるように実装を行いました。

summaryまとめ

ユーザーの利便性と、現場での運用しやすさの両立を重視した設計です。
実務を想定した導線と、継続的な更新体制を意識しています。

[data-arkb-linkbox]{cursor:auto}[data-arkb-link][aria-hidden="true"]{visibility:visible;color:transparent;z-index:0;width:100%;height:100%;pointer-events:auto}a.arkb-boxLink__title{text-decoration:underline}

ナナメらぼ