본문 바로가기
AI 사업개발/5주차

SaaS와 AIaaS 서비스부터 Figma UI 실습까지 서비스 기획의 핵심 이해

by AIAISA 2025. 2. 28.

AI 사업개발 과정 - SaaS, AIaaS, Figma 활용 및 기획 실습


1. SaaS 및 AIaaS 개념 학습

오늘은 클라우드 서비스 모델인 SaaS, PaaS, IaaS 개념을 배우고, 최근 떠오르는 AIaaS(AI as a Service)에 대해서도 학습했다. 또한 Slack을 중심으로 협업 툴을 분석하고 역기획 실습을 진행했다.

(1) 클라우드 서비스 모델 이해

  • SaaS (Software as a Service): 구독 기반 소프트웨어 서비스 제공 (예: Google Drive, Slack, Zoom)
  • PaaS (Platform as a Service): 개발자가 애플리케이션을 쉽게 개발할 수 있는 플랫폼 제공 (예: AWS Elastic Beanstalk, Google App Engine)
  • IaaS (Infrastructure as a Service): 가상 서버, 스토리지, 네트워크 등 인프라 제공 (예: AWS EC2, Microsoft Azure VM)
  • AIaaS (Artificial Intelligence as a Service): AI 모델 및 기능을 API 형태로 제공 (예: OpenAI API, AWS AI 서비스, Google AI 서비스)

AIaaS 기획 시 고려사항

  • 편의성: API 문서화, 사용 편의성, 노코드 & 로우코드 지원 여부
  • 운영 효율성: AI 모델 유지보수, 데이터 활용 방식 & 비용 고려
  • 접근성: 기업 규모와 상관없이 AI를 쉽게 도입할 수 있도록 지원, 보안 및 규제 준수

2. 협업 및 생산성 SaaS 분석

(1) SaaS의 유형별 특성

  • 수평적 SaaS: 산업에 관계없이 사용 가능 (예: Google Workspace, Slack, Trello)
  • 수직적 SaaS: 특정 산업군을 대상으로 한 솔루션 (예: Shopify, Veeva Systems, Procore)
  • 마이크로 SaaS: 특정 기능에 특화된 SaaS (예: OneTab, Wappalyzer, Hemingway Editor)
  • 엔터프라이즈 SaaS: 대기업이 활용하는 솔루션 (예: Salesforce, SAP, Oracle NetSuite)

Slack 분석 (업무용 메신저)

  • 채널 기반 협업 (팀별, 프로젝트별 채널 운영)
  • 워크플로우 자동화 (Zapier, Slack Bot 연동)
  • 모바일 & 데스크톱 연동 (Electron 프레임워크 기반)

Trello 분석 (칸반보드 기반 프로젝트 관리 툴)

  • 보드 → 리스트 → 카드 시스템 (시각적 프로젝트 관리)
  • 드래그 앤 드롭 방식의 직관적인 UI
  • Atlassian 인수 → Jira와 연계 가능

3. 역기획 실습 (Reverse Engineering)

이번 실습에서는 Slack과 Discord의 특정 기능을 분석하여 역기획을 수행했다. 역기획이라는 단어는 많이 들어봤는데 처음으로 실습을 해봐서 조금은 설랬다. SaaS의 핵심 기능을 이해하고 서비스 개선점을 도출하는 방법을 익혔다.

역기획 실습 과정

  1. Slack 기능 2가지 선택 (예: 채널 기능, 자동화 봇)
  2. 기능 분석 (사용자 페인포인트, 해결 방식)
  3. 개선점 도출 (예: AI 기반 요약 기능 추가)

역기획의 장점

  • 기존 SaaS 서비스의 UX/UI 이해
  • 경쟁 제품 분석 & 개선점 도출
  • 새로운 기획 아이디어 창출 가능

4. Figma 활용 UI/UX 기획 실습

Figma를 활용하여 UI 설계 및 반응형 디자인을 실습했다. 간단한 실습이었지만 처음으로 다뤄본 툴이라 재밌게 실습을 진행할 수 있었다.

(1) Figma 기본 기능 학습

  • 파일 & 에셋 관리: 프로젝트 내 컴포넌트 정리
  • 오른쪽 패널 기능: 위치(Position), 크기 조절, 색상(Fill), 테두리(Stroke), 투명도 조절
  • Auto Layout: 반응형 디자인을 위한 레이아웃 자동 정렬
  • Align & Padding: 정렬 및 내부 여백 설정

반응형 버튼 만들기 실습

  • Auto Layout 적용 → 버튼 크기가 자동 조정됨
  • Padding 조절 → 텍스트와 버튼 간 여백 설정
  • Hug Content vs Fixed Width → 버튼 크기 조절 방식 실험

(2) Figma 활용 실무 적용

  • PRD(제품 요구사항 문서)와 UI 연결 → 기획서 내 와이어프레임 삽입
  • 디자이너 & 개발자 협업 → Figma에서 디자인 공유 및 실시간 피드백 가능
  • 모바일 연동 테스트 → 프로토타입을 실제 기기에서 확인

5. 회고(KPT & TIL)

Keep (유지할 점)

  • SaaS & AIaaS 개념 심화 학습
  • Figma를 활용한 UI/UX 기획 실습 지속
  • 역기획을 통한 서비스 분석 및 개선점 도출 연습

Problem (개선할 점)

  • AIaaS 기획 시 기술적인 이해 부족
  • Figma의 고급 기능(컴포넌트 활용) 활용 미숙
  • 역기획 분석의 깊이를 더할 필요

Try (다음에 시도할 점)

  • AIaaS의 실제 도입 사례 연구
  • Figma에서 컴포넌트 기능 적극 활용
  • Slack 및 다른 협업 툴을 대상으로 추가 역기획 진행

TIL (Today I Learned)

  • AIaaS 기획 시 고려해야 할 요소 (편의성, 운영 효율성, 접근성)
  • SaaS 유형별 차이점과 기획 포인트 (수평적 SaaS vs 수직적 SaaS)
  • Figma에서 Auto Layout을 활용한 반응형 UI 디자인

6. 개인적인 고민과 앞으로의 방향

오늘은 클라우드 서비스와 AI 서비스에 대해 이론적으로 알아봤다. 그리고 피그마를 통해 UI/UX 실습을 배우면서 기획자로서 가져야 할 시각을 조금이나마 키울 수 있었다. 특히, AIaaS 개념과 역기획 실습을 통해 SaaS 서비스의 개선 방향을 고민하는 과정이 인상적이었다. 역기획이라고 하는 건 이야기만 많이 들었고 실제로 어떤 것인지 잘 체감이 안됐는데 간단한 실습을 하면서 '아 대략 이런 느낌이구나' 라는걸 알게되었다. Figma 실습을 진행하면서 디자인과 기획이 얼마나 긴밀하게 연결되는지 체감할 수 있었다. 같이 업무를 진행할 수 도 있고 워크플로우 안에서 바로 피드백과 수정이 가능하다는 점도 굉장히 매력적으로 느껴졌다. 아직 내가 모르는 툴과 기능이 많다는 것을 새삼 알게 되었다. 앞으로 Figma를 더 깊이 공부하고, AI 서비스 기획에서 어떻게 활용할 수 있을지 연구해볼 계획이다.

AI와 클라우드 기반 서비스가 어떻게 발전할지, 그리고 이러한 기술을 어떻게 비즈니스에 접목할지에 대해 더 많은 고민을 해볼 예정이다.