본문으로 건너뛰기
포트폴리오 목록으로
웹 서비스2022

웹 서비스 상품관리 설계 노트 — 7개 화면의 현실

2022년, 7개 화면의 웹 서비스 프로젝트. 기획부터 설계까지, 현장에서 마주한 문제와 해결의 기록.

이창민
웹서비스SaaS반응형웹검색UX서비스기획UX설계화면정의서2022년프로젝트

실제 서비스가 아닌, 핵심 기능 흐름만 담아 재구성한 익명화 목업입니다. 모든 데이터는 가상입니다.

콘텐츠 초안→검수→발행 워크플로발행 예약·노출 위치 관리인기 검색어·유입 채널 인사이트모바일·PC 대응 반응형 단일 콘솔
demo.example — 위즈온

화면 스켈레톤

실제 Figma 3개 화면 구조를 6개 핵심 화면으로 재구성

고객사 화면은 저작권 보호를 위해 공개하지 않는 대신, 주요 화면의 구성을 와이어프레임으로 재구성했습니다.

대시보드

콘텐츠 관리

콘텐츠 상세

콘텐츠 등록

검색 인사이트

설정

이 서비스가 해결하는 문제

이 프로젝트의 핵심 과제는 기존에 수작업이나 오프라인으로 처리하던 프로세스를 디지털로 전환하면서, 사용자 경험을 해치지 않는 것이었습니다.

7개 화면에 걸쳐 사용자의 주요 태스크를 분석하고, 최소한의 단계로 목표를 달성할 수 있도록 플로우를 설계했습니다. 반응형웹 환경에서의 접근성과 사용성을 동시에 고려해야 했습니다.

핵심 가치 제안

  • 스마트한 탐색 경험 — 검색어 자동완성, 다중 필터, 정렬 옵션을 조합하여 사용자가 원하는 것을 3번의 터치 안에 찾을 수 있도록 설계했습니다.
  • 직관적인 정보 구조 — 7개 화면이 일관된 UI 패턴을 따르기 때문에, 새로운 화면을 만나도 학습 비용이 거의 없습니다.
  • 체계적인 에러 핸들링 — 네트워크 오류, 입력 실수, 권한 부족 등 예외 상황별 안내 화면이 설계되어 있어 사용자가 막히는 순간이 없습니다.

사용자 시나리오

주요 사용 흐름:

  1. 메인 화면에서 핵심 콘텐츠와 개인화된 추천을 확인합니다. 주요 기능으로의 진입점이 명확하게 배치되어 있습니다.
  2. 검색 또는 카테고리 탐색으로 원하는 항목을 찾습니다. 필터와 정렬로 결과를 좁혀갑니다.
  3. 상세 페이지에서 충분한 정보를 확인하고 의사결정을 내립니다.

관련 포스트

새 글 알림 받기

평일 오전 10시 30분, 하루 한 통의 일일 다이제스트를 보내드립니다.

AI/테크 · 웹/제품/디자인 · 비즈니스/산업 · 경제/금융 · 증시/기업 · 정책/규제 · 국제/지정학 · 국방/방산 · 사이버보안

구독 신청 시 새 글 알림 발송을 위한 이메일 이용에 동의하게 됩니다. 신청 후 받는 확인 메일의 버튼을 눌러야 발송이 시작됩니다. 모든 메일에서 언제든 구독을 해지할 수 있습니다.