Banana System 3.0

프로젝트 개요

통신 고객·상담 업무를 위한 Banana System 3.0의 UI/UX와 디자인 시스템을 구축했습니다.

SaaS와 업무용 Backoffice의 화면을 설계하고, 실제 웹 구현과 운영에 연결되는 디자인을 경험했습니다.

담당 범위

UI/UX, Digital Content Operation, Web Publishing을 담당했습니다. SaaS 화면과 공통 컴포넌트 설계, UI 가이드, 랜딩 페이지 제작·운영을 포함합니다.

고객·상담 SaaS UI/UX

통신 고객과 상담 업무를 다루는 SaaS의 UI/UX를 설계했습니다. 업무의 맥락과 화면 간 흐름을 고려해 사용자가 정보를 확인하고 처리할 수 있도록 화면을 구성했습니다.

데이터 중심 Backoffice 디자인

고객·상담 정보를 다루는 업무 화면을 설계했습니다. 데이터의 정보 계층과 읽기 쉬운 화면 구성을 중심으로 UI를 정리했습니다.

Figma 디자인 시스템

반복해서 사용하는 공통 컴포넌트와 UI 규칙을 Figma 디자인 시스템으로 정리했습니다. 사내 Figma 교육도 진행했습니다.

실제 구현을 고려한 UI 가이드

실제 웹 구현을 고려해 공통 컴포넌트와 UI 가이드를 작성했습니다. 화면의 시각적 표현과 구현 시 필요한 기준을 함께 정리하는 경험을 쌓았습니다.

랜딩 페이지·디지털 콘텐츠 운영

HTML·CSS를 활용한 랜딩 페이지와 반응형 화면을 제작하고 운영했습니다. Tracking Script 반영과 랜딩 페이지 운영을 경험했습니다.

디자인에서 개발로 이어지는 관점

Web Design에서 UI/UX로 역할을 확장하며, 시스템을 이해하고 구현 가능성을 고려하는 관점을 쌓았습니다. 이후 개발 업무에서도 화면 설계와 구현을 연결하는 배경이 되었습니다.