📖 Focuspang - 교육용 집중력 관리 플랫폼 🔴 해결한 비즈니스 문제 교사들이 복잡한 UI로 인해 수업 준비 시간이 길어지고, 학생들의 집중도 추적이 어려워 학습 효과 측정이 불가능한 상황 🟢 솔루션 실제 교사/학생 사용자의 피드백을 수집·분석하여 핵심 기능 중심으로 UI 재설계, 복잡한 워크플로우를 단순화하고 직관적인 인터페이스로 개선하여 사용 편의성 극대화 📈 비즈니스 임팩트 사용자 피드백 기반 UX 개선으로 교사 만족도 상승 및 학생 참여도 향상, 수업 준비 시간 단축으로 retention 개선 💪 주요 기여 실사용자 피드백을 제품에 직접 반영하여 교사/학생 앱의 사용성을 개선하고, 신규 기능 개발을 주도하여 서비스 경쟁력 강화 1. 사용자 피드백 기반 워크플로우 개선: 교사가 요청한 학생 명단 레이아웃 최적화, 공지사항 가독성 개선, 퀴즈 관리 테이블 직관성 향상으로 일상적인 수업 준비 시간 단축 2. 학생 경험 중심 UX 개선: 실시간 화면 공유 안정화 및 주의집중 모드 인터랙션 개선으로 수업 몰입도 증대, 학생 이탈률 감소 3. 동기부여 시스템 신규 개발: 교사와 학생 간 상호작용을 강화하는 칭찬 스티커 시스템 설계 및 구현, 학생의 학습 참여 유도 및 성취감 향상 4. 글로벌 확장 대응: i18n 다국어 지원 도입으로 해외 시장 진출 기반 마련 5. 품질 자동화: Jest, Playwright 테스트 시뮬레이션 구축으로 배포 전 오류 사전 차단, 서비스 안정성 확보 6. 보안 강화: 비밀번호 주기적 변경 권장 기능으로 계정 보안 수준 향상, 사용자 신뢰 증대

더보기

한화생명 비대면인증 프로젝트 🔴 해결한 비즈니스 문제 느린 로딩 속도(4.5초)로 인한 사용자 이탈과 iOS 사용자의 인증 실패로 고객 불만 발생, 비즈니스 전환율 저하 우려 🟢 솔루션 사용자가 체감하는 성능 개선에 집중: Vite 마이그레이션으로 로딩 속도 91% 단축, iOS 웹뷰 제약사항을 독립적으로 분석·해결하여 모든 사용자에게 일관된 경험 제공 📈 비즈니스 임팩트 로딩 시간 4.5초 → 0.4초로 단축하여 첫 화면 이탈률 대폭 감소, iOS 사용자 인증 성공률 상승으로 전체 전환율 향상 💪 주요 기여 사용자 경험에 직접적인 영향을 주는 성능과 안정성 개선에 집중하여 고객 이탈 방지 및 전환율 향상에 기여 1. 체감 성능 개선으로 이탈률 감소: CRA → Vite 마이그레이션으로 초기 로딩 시간 91% 단축, 사용자가 첫 화면 진입 시 대기 시간 최소화하여 이탈 방지 2. iOS 사용자 경험 개선: iOS 웹뷰의 카메라 권한, 차단모드 등 제약사항을 독립적으로 분석하고 해결하여 iOS 사용자도 Android와 동일한 수준의 경험 제공, 인증 완료율 상승 3. 사용자 편의성 중심 기능 고도화: 레거시 신분증 스캔 코드를 React 컴포넌트로 모던화하고 OCR 정확도 개선으로 재촬영 횟수 감소, 사용자 인증 경험 개선 4. 실시간 신분증 검증: OCR 결과 검증 로직과 백엔드 API 연동으로 진위 판별 정확도 향상, 부정 가입 방지

더보기

🎥 BigBlueButton Web RTC 프로젝트 🔴 해결한 비즈니스 문제 기존 BigBlueButton의 복잡하고 직관적이지 않은 UI로 인해 B2B 고객사 사용자들이 화상회의 시스템 적응에 어려움을 겪고, 수동 배포로 인한 서비스 다운타임 발생 🟢 솔루션 B2B 고객사 피드백 기반으로 UI/UX 전면 재설계하여 사용 학습 곡선 단축, Docker 기반 자동 배포 시스템으로 운영 안정성 확보 📈 비즈니스 임팩트 직관적인 인터페이스로 고객사 채택률 향상, 배포 자동화로 서비스 다운타임 최소화 및 운영 비용 절감 💪 주요 기여 프런트엔드 개발 80% 담당하며 사용자 경험 중심의 UI 재설계, 프런트엔드를 넘어 인프라 자동화까지 확장하여 제품 경쟁력 강화 1. B2B 고객사 만족도 개선: 메인 화면, 미팅 관리, 오디오/비디오 제어, 화면 캡처 등 핵심 기능의 UI/UX 재설계로 사용 편의성 대폭 향상 2. 운영 자동화: Shell Script 기반 자동 배포 시스템 구축, 서비스 다운타임 최소화 3. 서비스 안정성 확보: Docker + Linux 환경에서 BBB 서버 구축 및 볼륨 마운트 최적화로 서버 재시작 시에도 데이터 손실 방지 4. 인프라 운영 체계 확립: 백업 체계 구축 및 배포 프로세스 표준화

더보기

🌿 대기측정망자료관리시스템 🔴 해결한 비즈니스 문제 환경 관리자가 대기오염 측정 데이터를 수동으로 확인하고 전화로 소통해야 하는 비효율, 임계치 초과 시 즉각 대응 불가 🟢 솔루션 사용자(환경 관리자)가 한눈에 데이터를 파악할 수 있는 실시간 시각화 대시보드 구축, 직관적인 차트와 지도로 상황 인식 시간 단축 📈 비즈니스 임팩트 환경 관제 효율성 향상, 수동 확인 프로세스 자동화로 관리 비용 절감 💪 주요 기여 사용자 친화적인 데이터 시각화에 집중, 프런트엔드부터 백엔드까지 풀스택으로 확장하며 end-to-end 개발 역량 확보 1. 관리자 경험 중심 대시보드: Recharts, SVG를 활용한 직관적인 대기오염 데이터 시각화(차트, 테이블, 지도)로 환경 관리자의 상황 인식 시간 단축 및 관제 효율성 향상 2. 포지션 확장: 풀스택 개발: React 프런트엔드와 Node.js + Express + MySQL 백엔드를 모두 구현하여 사용자가 필요한 기능을 빠르게 제공할 수 있는 end-to-end 개발 역량 입증

더보기

복지로 사이트 화면 퍼블리싱 💪 주요 기여 정부 포털 사이트의 웹 접근성과 반응형 디자인 구현으로 모든 시민에게 동등한 복지 서비스 경험 제공 1. 사용자 접근성 확대: 웹 접근성 가이드라인을 준수한 반응형 웹 구현으로 장애인, 고령자 등 다양한 사용자층이 불편함 없이 복지 서비스에 접근할 수 있도록 개선 2. 일관된 사용자 경험 제공: IE11 포함 다양한 브라우저 환경에서 크로스 브라우저 호환성 확보, 모든 사용자에게 동일한 수준의 서비스 경험 보장

더보기