Banana System 3.0

プロジェクト概要

通信分野の顧客・相談業務を支えるBanana System 3.0のUI/UXとデザインシステムを構築しました。

SaaS・業務用Backofficeの画面設計を通じて、Webでの実装と運用を見据えたデザインに取り組みました。

担当範囲

UI/UX、Digital Content Operation、Web Publishingを担当しました。SaaSの画面設計、共通コンポーネント、UIガイド、ランディングページの制作・運用が主な範囲です。

顧客・相談業務を支えるSaaSのUI/UX

通信分野の顧客管理・相談業務を扱うSaaSのUI/UXを設計しました。業務の流れと画面間のつながりを踏まえ、情報の確認や処理を行う画面を構成しました。

データを扱うBackofficeの設計

顧客・相談情報を扱う業務画面を設計しました。情報の優先順位や読み取りやすさを考えながら、データ中心のUIを整理しました。

Figmaデザインシステム

繰り返し使う共通コンポーネントとUIルールをFigmaのデザインシステムにまとめました。社内向けのFigma研修も担当しました。

実装を見据えたUIガイド

実際のWeb実装を考慮して、共通コンポーネントとUIガイドを作成しました。見た目だけでなく、実装時に参照できる基準を整理する経験を積みました。

ランディングページとコンテンツの運用

HTML・CSSによるランディングページとレスポンシブ画面の制作・運用を担当しました。Tracking Scriptの設置とランディングページの運用も経験しました。

デザインから開発へつながる視点

Web DesignからUI/UXへ担当領域を広げる中で、システムを理解し、実装の可能性を考える視点を培いました。その経験は、後の開発業務で画面設計と実装をつなぐ基盤になっています。