미리보기

2만여 명이 이용한 OTT 유료 구독 계정 공유, 관리 서비스

• 코어 고객 대상 홍보를 통한 고객 유치 및 연매출 6억 달성
• 플랫폼 이동을 위한 자체 서비스 기획/디자인/프로토타이핑

번호판을 이용한 주차 서비스 스타트업

• Docker를 이용한 프론트엔드 테스트 서버 배포
• 제품 QA 및 오류 해결
• 제품 어드민 페이지 UI/UX 디자인 개선

15만여 명의 유저를 보유한 비상장 주식 전문 거래 플랫폼을 운영하는 서비스 스타트업으로 해시드, 소프트뱅크벤쳐스 등으로부터 45억 투자 유치

• 첫 번째 디자이너로 입사하여 혼자서 서울거래 비상장에 필요한 모든 서비스(웹사이트, 앱, 콘텐츠 등) 기획/디자인/마크업
• 퍼널 분석을 통한 디자인 개선으로 이탈률 10% 감축
• 팻핑거 오류를 방지하는 거래 기능 기획/디자인, 금융사고 방지
• 웹사이트 시맨틱 마크업으로 접근성 개선
• 효율적인 협업과 커뮤니케이션을 위해 디자인 시스템을 구축, 다양한 의견이 도출되도록 사내 전파

웹 에디터 ‘IU Editor’를 운영하는 스타트업

• Prototype 기능 기획/디자인 및 UI 개선
• 제품 웹사이트 디자인/마크업 및 SEO 향상을 위한 메타데이터 설정

한국의 시(서시, 별 헤는 밤 등)를 이용하여 UX/UI 디자인시 폰트나 레이아웃 등의 예시를 만들어주는 서비스

• 프로젝트 기획 및 기존 로렘 입숨 서비스 조사
  • 한글 Lorem Ipsum (간세네)
  • 한글입숨 생성기 - Hanipsum
• 웹사이트의 모든 화면 페이지 UI 설계
• for문과 while문을 이용한 핵심 기능(문자열 재조합) 구현

원티드 프리온보딩 인턴십을 수강하며 진행한 프로젝트 서비스로 아래의 4가지 프로젝트 서비스 구성

1. To-Do List

   • axios를 이용한 CRUD 구현
   • 회원가입/로그인시 유효성 검사 기능 구현
   • 로컬 스토리지를 이용한 JWT 저장
   • 로그인 여부에 따른 리다이렉트 구현

2. 깃헙 이슈 확인 사이트

   • 이슈 목록 페이지에 무한 스크롤 구현
   • 일정 갯수의 이슈 목록 사이에 광고 이미지 출력
   • octokit을 이용한 API 요청 기능 구현
   • react-markdown을 이용한 상세 페이지 마크다운 구현

3. 질환명 검색 사이트

   • 질환명 검색시 API 호출을 통해 검색어 추천 기능을 구현
   • Cache API를 이용한 로컬 캐싱 기능 구현
   • API 호출 횟수를 줄이기 위한 디바운싱 구현
   • 키보드만으로 추천 검색어 목록을 이동하는 기능 구현

4. 시계열 차트

   • chart.js를 이용한 차트 UI 구현
   • key값을 이용한 데이터를 재조합하여 컴포넌트 렌더링을 구현
   • 특정 구역에 마우스 호버시 데이터를 툴팁으로 제공하도록 구현
   • 자치구 버튼을 클릭시 해당 자치구의 데이터만 강조되는 필터링 기능 구현

테오의 스프린트를 진행하며 만든 플래시 카드를 이용한 학습 서비스

• 메인 페이지와 카드 만들기 페이지의 프론트엔드 개발
• 전체적인 UI 스타일링과 카드 플립 효과 구현
• 프로젝트 기획, UX 책임자로써 User-Flow를 기반으로한 최소한의 화면 설계와 디자인 담당

위코드 부트캠프를 진행하며 만든 KREAM 웹사이트를 모티브로 한 경매 서비스

• 팀장으로서 스프린트 일정에 맞춰 티켓(트렐로)를 발행하고 이를 지킬 수 있도록 일정을 관리
• 프론트엔드 개발 환경 구축 및 코드 컨벤션 설정
• 스크롤 이벤트를 이용한 제품 정보 요약 UI, Modal 방식의 제품 매매 기록 UI 구현
• Chart.js를 이용한 제품 가격 data visualization
• 구매 입찰시 선택한 사이즈와 입찰 희망 가격을 fetch POST로 전송, 판매 입찰시 해당 가격 노출

위코드 부트캠프를 진행하며 만든 오설록 웹사이트를 모티브로 한 커머셜 웹 서비스

• 팀장으로서 스프린트 일정에 맞춰 티켓(트렐로)를 발행하고 이를 지킬 수 있도록 일정을 관리
• 페이지 상단의 캐러셀 구현
• 중첩 쿼리스트링을 이용한 필터, 소팅 기능 구현
• 페이지네이션 구현