이소진의 포트폴리오

디자인 |

양면 웹 플랫폼: 기획 - 개발 - 운영 A to Z

최근수정일: 2025. 12. 09

역할

서비스 기획, 프론트엔드 리드, 데이터 구조설계, UI/UX 디자인, 배포·운영, 영업·마케팅까지 <서비스 전 주기> 경험

기여

웹 플랫폼 MVP 출시 및 정식 서비스 전환, 30여 공간 제휴, 32건 전시 유치, SNS 팔로워 1,500+ 확보, 아키텍처 마이그레이션으로 1인 운영 효율 개선, 자동화 체계 구축으로 운영비 40% 절감

기간

2022. 10 - 2024. 08 (1년 11개월)

기술

React, Next.js, JavaScript, TypeScript, Flutter, Styled Components, Tailwind CSS, Sanity, Cloudinary, Firebase, Figma, Adobe Photoshop, Adobe Illustrator, Adobe Premiere Pro

프로젝트 개요

서비스 목적과 배경

아마추어 작가와 전시 공간을 연결하는 웹 기반 플랫폼입니다.
기존 오프라인 중심 전시의 한계를 디지털로 보완하여, 누구나 전시에 쉽게 참여할 수 있도록 기획했습니다.

리텐션 강화를 위해 포스터·리플렛 제작, 공간 디자인, 작품 배송 등 부가 서비스를 제공했습니다.

🔗 아트라운지 웹사이트 미리보기 (클릭)

핵심 고객과 가치 제안

작가: 온라인 포트폴리오 등록, 전시 매칭, 전시 이력 관리
공간주: 유휴 공간 활용, 브랜드 가치 향상

기획 · 개발 파트

서비스 기획

기능/비기능 요구사항 정의
작가–공간주 양면 User Flow 도출
성과: MVP 범위 설정 및 리소스 산정, 검증

프론트엔드 개발

Next.js 기반 SSR 적용 → 초기 로딩 속도와 SEO 개선
JavaScript → TypeScript 전환 → 유지보수성 강화
Tailwind CSS 기반 반응형 UI 컴포넌트 구현
빔프로젝터의 Android TV OS 전용 디지털아트 재생 어플 개발
성과: 다양한 디바이스에서 일관된 성능과 UI 확보

데이터 구조 설계

Firebase로 MVP 구현 → 이후 Sanity로 전환
Cloudinary를 통한 미디어 로딩 최적화
성과: 작가/작품/공간 정보 CRUD 안정화, 데이터 확장성 확보

UI/UX 디자인

Figma 프로토타입 제작 → 사용자 플로우 시각화
디자인 시스템 구축 (폰트·컬러·컴포넌트 통일)
성과: 직관적인 매칭 UX, 개발 유지보수성 높은 디자인

배포 및 운영 자동화

Vercel 기반 CI/CD 자동화
GitHub Flow 문서화 → 비개발자도 릴리즈 관리 가능
성과: 빠른 자동 배포, 운영 효율성 향상

운영 · 유지보수 파트

서비스 운영

전시 예약·현장 설치·고객 응대 총괄
30여 공간 제휴, 32건 전시 개최
SNS 마케팅: 팔로워 1,500+, 광고 노출 300% 성장
FAQ·응대 프로세스 수립 → UMS로 반복 문의 자동화

영업

카페 · 백화점 로비 등 파트너 공간 직접 영업 및 계약
작가 모집, 상담·스케줄링 진행
성과: B2C(작가) + B2B(공간 운영자) 양면 고객 확보

마케팅 · 디자인

SNS 콘텐츠·광고 디자인, 인쇄물 제작 (포스터·리플렛 등)
성과: 전시 홍보 자산 구축 → 공간 방문자 · 작가 문의량 상승

고객 CS

Channel Talk 도입 → CS 채널 통합
챗봇 설계 → 단순 문의 자동화
성과: 응대 병목 해소, 고객 경험 일관성 제공

문제와 해결 과정

성능 최적화

문제: 미디어 비중이 커서 초기 로딩 지연
해결: SSR (Next JS), Lazy Loading, CDN 적용
결과: 알파테스트 결과 로딩 속도 20% 향상, SEO 점수 상승

UI/UX 개선

문제: 두 고객군(작가·공간주)의 흐름 충돌
해결: Figma 프로토타입 제작 → 초기 고객 대상 베타테스트
결과: 매칭 신청 절차 단순화

업무 프로세스 개선

문제: 초기 조직문화 형성 실패로, 잦은 수정과 무기한 일정 지연
해결: Agile + Waterfall 혼합 프로세스, Man-Month 기반 일정 관리 주도
결과: 명확한 마일스톤과 일정 관리 체계 수립

협업 · 운영 리스크 대응

문제: 인력 이탈, 책임 분산, 비용 누수, 배포 충돌
해결:
- OPM(Operations Management) 학습 후, 직접 비용 구조 관리
- Github PR/커밋 가이드 도입, 브랜치 분리
결과: 운영비 40% 절감, 배포 신뢰성 확보

고객 응대 병목

문제: 단순 문의 폭증으로 1인 운영 한계
해결: Channel Talk 기반 챗봇 + FAQ 자동화
결과: 응대 지연 감소, 운영자 피로도 완화, 고객 만족도 상승

성과와 배운 점

서비스 성과

정식 서비스 출시
작가–공간 매칭 기능 검증
아마추어부터 프로 작가까지 전시 개최 → 비즈니스 모델 유효성 입증

기술적 성장

프론트엔드 리드 ← 성능/UX 개선 역량 강화
백엔드 이해 확장 ← Headless 아키텍처와 데이터 모델링 → 백엔드 이해 확장
DevOps 사고 습득 ← CI/CD, 운영 자동화

기획 · 운영 인사이트

운영 리스크 대응 경험 → 비즈니스·운영 구조까지 고려하는 설계 사고 확립
고객·파트너 응대 경험 → B2B/B2C 커뮤니케이션 능력 강화
반복 업무 자동화 → < 내부 운영 효율 = 고객 경험 품질 > 직결됨을 인식

스크린샷