프로젝트 배경
SKT의 주요 B2B 포털인 T World Biz와 5GX Cloud Marketplace는 각각의 목적과 구조가 달라
사용자 입장에서 브랜드 경험이 분리되어 있었습니다.
이에 두 플랫폼을 하나의 통합 사이트로 묶어 일관된 서비스 경험을 제공하고,
각 서비스의 노출과 전환을 높일 수 있는 온라인 마케팅 중심 구조로 재편하는 것을 목표로 진행되었습니다.
디자인적으로는 “비즈니스 중심 플랫폼에서 고객 중심 플랫폼으로의 전환”이라는 방향성을 설정하고,
정보 탐색의 효율성과 브랜드 통합성을 핵심으로 삼았습니다.
1. UI 구조의 정보 계층화를 통해 콘텐츠 접근성을 높였습니다.
2. 서비스별 컬러 시스템과 컴포넌트 스타일을 통합해 브랜드 일관성을 강했습니다.
3. 주요 사용자 여정의 인터랙션 플로우를 단순화하는 방향으로 설계가 진행되었습니다.
사용자 입장에서 브랜드 경험이 분리되어 있었습니다.
이에 두 플랫폼을 하나의 통합 사이트로 묶어 일관된 서비스 경험을 제공하고,
각 서비스의 노출과 전환을 높일 수 있는 온라인 마케팅 중심 구조로 재편하는 것을 목표로 진행되었습니다.
디자인적으로는 “비즈니스 중심 플랫폼에서 고객 중심 플랫폼으로의 전환”이라는 방향성을 설정하고,
정보 탐색의 효율성과 브랜드 통합성을 핵심으로 삼았습니다.
1. UI 구조의 정보 계층화를 통해 콘텐츠 접근성을 높였습니다.
2. 서비스별 컬러 시스템과 컴포넌트 스타일을 통합해 브랜드 일관성을 강했습니다.
3. 주요 사용자 여정의 인터랙션 플로우를 단순화하는 방향으로 설계가 진행되었습니다.
프로젝트 성과
브랜드 통합
SKT 엔터프라이즈 전 제품군에 일관된 디자인 시스템과 비주얼 아이덴티티 적용
UI/UX 개선
사용자 테스트 기반의 IA(Information Architecture) 재정비로 평균 탐색시간 30% 단축
접근성 향상
반응형 웹 적용으로 PC·태블릿·모바일 전 디바이스 최적화
일관된 디자인 체계 구축
색상·폰트·아이콘을 표준화하여 안정적이고 확장성 있는 UI 가이드 완성
핵심 기능

상품·서비스
상품은 카테고리별로 구분하고 상품의 아이덴티티가 잘 드러나는 아이콘과 설명 문구를 넣어 상품 리스트를 구성했습니다. 고객이 관심상품은 별도로 저장하여 볼 수 있는 기능도 제공하였습니다.

상품·서비스 상세
상품의 아이덴티티가 잘 드러나는 아이콘과 설명 문구를 넣어 상품의 상세페이지를 표현했고, 상품에 관한 설명을 보다 이해하기 쉬운 플로우로 구성하였습니다.

비주얼가이드 구축
-통일성 있는 비주얼가이드 구축
-360여 종 아이콘 디자인
-360여 종 아이콘 디자인
진행 단계
1단계: 리서치 & 분석
2022.06.
-경쟁사·동종 포털 벤치마킹
-사용자 시나리오 및 여정 맵 수립
-사용자 시나리오 및 여정 맵 수립
2단계: UX 플로우 & 와이어프레임 설계
2022.07.
-사용자 입장에서 실제 접근 경로를 시뮬레이션
-주요 화면별 와이어프레임을 제작
-주요 화면별 와이어프레임을 제작
3단계: UI 디자인 시스템 구축
2022.07.
-SKT 브랜드 가이드 기반 디자인 시스템 구축
-반응형 구조 고려한 화면 설계
-심미성과 정보 전달력의 균형을 맞춘 인터페이스 제작
-아이콘/일러스트/배너 제작
-정보 중심의 명확한 인터페이스를 구현
-반응형 구조 고려한 화면 설계
-심미성과 정보 전달력의 균형을 맞춘 인터페이스 제작
-아이콘/일러스트/배너 제작
-정보 중심의 명확한 인터페이스를 구현
4단계: 협업 및 검수
2022.08.
-퍼블리셔·프론트엔드 개발팀과 협업
-가이드 문서와 컴포넌트 명세 정리
-시각적 정합성과 인터랙션 완성도 확보
-가이드 문서와 컴포넌트 명세 정리
-시각적 정합성과 인터랙션 완성도 확보
프로젝트 상세
1) 포트폴리오 소개
SK텔레콤의 기존 B2B 채널인 T World Biz와 오픈마켓인 5GX Cloud Marketplace를 통합하고,
온라인 마케팅 기능을 강화하는 것을 목표로 진행되었습니다.
2) 작업 범위
-UI/UX 디자인 및 디자인 시스템 구축
3) 주요 작업
- 360여 종의 서비스 아이콘 디자인
- 메인페이지 및 상세 페이지 디자인
-300페이지 이상의 상품 일러스트 제작
4) 주안점
- 통합된 컬러 시스템, 타이포그래피, 컴포넌트 규칙 재정의
SK텔레콤의 기존 B2B 채널인 T World Biz와 오픈마켓인 5GX Cloud Marketplace를 통합하고,
온라인 마케팅 기능을 강화하는 것을 목표로 진행되었습니다.
2) 작업 범위
-UI/UX 디자인 및 디자인 시스템 구축
3) 주요 작업
- 360여 종의 서비스 아이콘 디자인
- 메인페이지 및 상세 페이지 디자인
-300페이지 이상의 상품 일러스트 제작
4) 주안점
- 통합된 컬러 시스템, 타이포그래피, 컴포넌트 규칙 재정의
