도메인 해석과 구조화
이해관계자와 문서가 많은 도메인에서 WBS, IA, 기능 흐름, 운영 요청을 실제 화면과 산출물로 정리합니다.
01 · ABOUT우리는 도메인을
우리는 도메인을
화면으로 옮깁니다.
Letsvar(레츠바)는 웹사이트와 웹앱을 만드는 웹 개발 전문 회사입니다. 특정 제품 하나에 머무르기보다, 고객의 업무 도메인을 빠르게 이해하고 이를 화면 구조, 운영 흐름, 관리도구, 장기 유지보수 체계로 옮기는 일을 해왔습니다.
핵심 역량 / CAPABILITIES
프론트엔드 아키텍처
React·Vue 기반 화면 구조, API 연동, 화면 표준화, 장기 유지보수에 적합한 폴더·컴포넌트 구조를 설계합니다.
운영·유지보수 워크플로
반복 요청, 콘텐츠 업데이트, QA, 운영 반영을 안정적으로 처리하고 서비스 변경 이력을 이어갑니다.
데이터 화면화
생산, 센서, 평가, 운영 데이터를 사용자가 이해하고 판단할 수 있는 대시보드로 정리합니다.
서비스 영역 / SERVICES
- 01기업·브랜드 웹사이트 구축 및 운영
- 02웹앱, SaaS, 관리도구(백오피스) 개발
- 03데이터 대시보드 구축
- 04기존 서비스 유지보수·고도화
- 05기술 컨설팅 및 화면 구조 진단
일하는 방식 / HOW WE WORK
레츠바는 먼저 고객의 업무 맥락과 운영 제약을 이해한 뒤, 화면·데이터·권한·운영 흐름을 함께 정리합니다. 요구사항을 단순히 화면으로 옮기는 데서 끝내지 않고, 실제 운영자가 유지할 수 있는 구조와 장기적으로 고도화 가능한 기준을 만드는 방식으로 일합니다.
02 · PORTFOLIO
경험한 도메인.
교육·AI 학습부터 금융·웹접근성까지 — 7개 도메인, 각기 다른 요구사항을 화면과 운영 구조로 옮긴 사례입니다.
교육·AI 학습 플랫폼
교육은 레츠바에서 가장 큰 프로젝트 군집입니다. 학습자·교사·연구자·운영자 등 사용자 유형이 많아 IA, 권한, 진입 경로, 데이터 정의와 화면 상태를 함께 정리하는 것이 핵심입니다.
대표 프로젝트
- 대형 교육기업 — 학습결과 조회 페이지2020학생별 과목 학습결과를 조회하는 화면을 구축하고, 브라우저·디바이스 조건 검증까지 수행했습니다. 완료보고서와 통합테스트 결과서를 기준으로 화면 품질을 맞췄습니다.
- 교육기업 — AI 평가 데이터 사이트2021문항·지문·평가 데이터와 검수 흐름을 다루는 AI 데이터 프로젝트입니다. 모듈정의서와 운영 가이드를 바탕으로 데이터 관리와 검수 화면을 정리했습니다.
- 교육기업 — 독해지수 측정 도구2021~2022독해지수 엔진을 연구자와 사용자에게 제공하는 웹 도구·사이트입니다. 응시, 채점, 종료 흐름을 개선하고 유지보수했습니다.
- 교육기업 — 통합 교육 서비스 운영2021교육 서비스 통합 흐름을 정리하고, GTM·메타 태그·canonical·OG·H태그 등 브랜드웹 운영 품질까지 세팅했습니다.
- 교육출판사 — AI 디지털교과서(AIDT) UI/UX2023~2024약 10.5개월 · WBS, IA, 개발 표준, 특화 콘텐츠 발주가 함께 진행된 장기 UI/UX 프로젝트입니다. 교육 도메인의 복잡한 사용자 흐름과 산출물 기준을 장기간 관리한 대표 사례입니다.
패턴
- 사용자 유형이 많아 IA와 권한·진입 경로 정리가 먼저입니다.
- 결과·평가 화면은 데이터 정의와 화면 상태를 함께 관리해야 합니다.
- 장기 프로젝트는 WBS 버전과 산출물 기준을 함께 봐야 맥락이 잡힙니다.
커머스·브랜드 웹사이트
커머스와 브랜드 웹사이트는 상품 정보, 카테고리, 업로드·검수 흐름, 운영 요청을 일관된 화면 구조와 관리 흐름으로 정리하는 일이 핵심입니다.
대표 프로젝트
- 패션 커머스 플랫폼 — B2B/B2C 커머스 고도화2022 1차 / 2023 2차 / 2024 B2C디자이너 신상 업로드, 상품 사이즈·소재·수량 정보 구조, 알림톡, UX 흐름을 구축했습니다. 1차 플랫폼의 결과보고서·BI·상품 상태·알림톡·UX 흐름부터, 2차의 필수 입력·치수 템플릿, B2C의 App/Admin Brand/Admin Master IA와 펀딩·정산·배송·CS 운영 구조까지 단계적으로 다뤘습니다.
- 패션 브랜드 — 커머스 리뉴얼2022FO PC 전시 메인 스토리보드를 기반으로 브랜드 커머스 화면을 리뉴얼했습니다. 상품 전시와 구매 흐름이 자연스럽게 이어지도록 화면 구조를 정리했습니다.
- 글로벌 식품 브랜드 — 웹사이트 운영2023~2024글로벌 식품 브랜드 웹사이트의 제품, 유통망, 소셜 콘텐츠, 태그(GTM) 삽입, 반복 운영 요청을 처리했습니다.
패턴
- 상품·콘텐츠 데이터는 운영자의 분류 체계와 화면 카테고리가 어긋나기 쉬워 정합성 설계가 중요합니다.
- 글로벌 브랜드 운영은 제품 정보뿐 아니라 국가별 유통망·소셜·태그 삽입 같은 반복 요청이 많습니다.
- 커머스는 업로드 단계의 정보 구조가 거래 품질과 운영 효율을 좌우합니다.
기업 HR·채용 플랫폼
기업 HR과 채용 플랫폼은 내부 구성원, 평가자, 지원자, 운영자가 각기 다른 권한과 흐름을 갖습니다. 따라서 권한·사용자 역할·게시/신청/피드백 흐름을 먼저 정리하는 것이 중요합니다.
대표 프로젝트
- 대기업 그룹 지주사 — HR Hub2020그룹 소개, 인사 콘텐츠, 채용공고, 백오피스 관리 기능을 포함한 그룹 HR 허브를 구축했습니다.
- 외국계 제조 기업 — HRM 수시피드백2021MBO 대상자의 성과·계획 작성과 평가자 댓글 피드백 흐름을 모바일 화면으로 설계했습니다. 수시피드백 제도의 실제 운영 흐름을 화면에 반영했습니다.
- 대기업 그룹 — 관계사 채용 플랫폼2021~2022공고 검색, 지원서 접수, 상시 인재 등록, 관계사별 영역을 다룬 채용 플랫폼입니다. Shared Service 구조, 챗봇, 이력서 파싱, 외부 채용 채널 연동, 알림까지 단계화한 계획을 바탕으로 전략·설계·개발·테스트·콘텐츠·파일럿을 진행했습니다.
패턴
- HR 시스템은 사용자 역할·권한별 화면이 먼저 정리되어야 합니다.
- 피드백·채용 흐름은 알림·진행상태·마이페이지 같은 후속 경험이 중요합니다.
- 그룹사·관계사 구조에서는 공통 서비스와 회사별 영역을 분리해야 합니다.
데이터 대시보드 (생산·IoT)
생산·로스팅·센서 데이터를 수집해 운영자가 판단할 수 있는 대시보드로 정리하는 작업입니다. 공정별 데이터 정의가 먼저이며, 충분한 수집 뒤 의미 있는 구간과 기본 세팅값을 잡아야 합니다.
대표 프로젝트
- 스페셜티 커피 로스터리 — 생산 데이터 대시보드·인프라2021로스팅, 커핑, 컬러값 등 생산 데이터를 단계적으로 화면화하고, 대시보드와 함께 인프라 설계를 진행했습니다.
- 커피 로스터리 — 생산 데이터 대시보드2021생두·기기·로스팅·커핑 테이블에서 시작해 생산 데이터 연관성, 신형 로스터 자동 세팅, 커핑값과 컬러값의 상관 추적까지 단계화했습니다. 장기적으로 대시보드 데이터를 생두·원두 판매 채널이나 머신러닝 기반 세팅·배합 역추정에 활용하는 방향까지 제시했습니다.
패턴
- 로스팅 프로파일·온도·크랙 시점·컬러값·커핑 데이터처럼 공정별 데이터 정의가 먼저 필요합니다.
- PC와 모바일 모두에서 현장 운영자가 빠르게 확인할 수 있는 구성이 중요합니다.
- 수집된 데이터를 운영을 넘어 판매 채널·ML 활용으로 확장하는 로드맵을 함께 설계합니다.
AI 인프라 운영 플랫폼
GPU·서버 자원, 워크스페이스, 이미지, 사용자, 모니터링 화면을 다루는 AI 개발 운영 플랫폼입니다. 일반 웹서비스보다 운영 리소스 모델을 먼저 이해해야 하는 영역입니다.
대표 프로젝트
- AI 인프라 기업 — GPU 운영 플랫폼2020~2024프론트엔드·운영 화면/약 4년 유지보수 · GPU 자원, 워크스페이스, 이미지, 사용자, 모니터링을 다루는 AI 인프라 운영 플랫폼의 프론트엔드를 구축하고 장기간 유지보수했습니다. 초기에는 gRPC 직접 사용을 검토했지만 reverse proxy 필요성 때문에 API Gateway 방식으로 전환했고, React 폴더 구조와 화면 계층이 장기 유지보수에 직접 영향을 준 사례였습니다. 주요 화면은 워크스페이스 상세, 이미지 목록, 사용자 폼, 모니터링 UI였습니다.
패턴
- AI 인프라 UI는 사용자의 작업공간(워크스페이스)과 운영자의 관리·모니터링 화면을 분리해 정리하는 것이 핵심입니다. 리소스 모델을 먼저 이해한 뒤 화면을 설계해야 장기 운영이 안정적입니다.
팬 커뮤니티 플랫폼
팬과 운영자(관리자)를 잇는 커뮤니티 서비스입니다. 팬 참여 기능과 함께 관리자 기능·운영 흐름(배포·모니터링·스케일)을 한 흐름으로 설계하는 것이 특징입니다.
대표 프로젝트
- 엔터테인먼트 기업 — 팬 커뮤니티 플랫폼2020팬·관리자 기능명세를 기반으로 CRUD 기능과 배포·모니터링·스케일 운영 가이드를 정리한 팬 커뮤니티 플랫폼입니다.
- K-POP 아티스트 — 팬클럽 앱2021FO/BO 기능명세 기반의 팬클럽 앱입니다. Feed, Challenge, QR, 뱃지, 푸시 등 팬 참여·운영 기능을 설계했습니다.
패턴
- 팬 참여 기능과 관리자(BO) 기능을 한 흐름으로 설계해야 운영이 매끄럽습니다.
- Feed·Challenge·뱃지·푸시 등 참여 유도 기능과 알림 흐름이 핵심입니다.
- 트래픽 변동이 큰 서비스라 배포·모니터링·스케일 운영 가이드를 함께 준비합니다.
금융 서비스·웹접근성
금융 서비스는 인증, 심의, 규제 요건이 많아 정확한 화면 흐름과 접근성이 중요합니다. 작은 인터랙션도 사용자 신뢰와 심사 기준에 영향을 줄 수 있습니다.
대표 프로젝트
- 금융 서비스 — WebView 앱2020WebView 인증 안내와 파트너 실적 리포트 화면을 다뤘습니다. 필터 로딩, 광고 심의, 외부 링크 수정 등 금융 서비스 특유의 요건을 반영했습니다.
- 금융사 — 웹접근성 개선2020대출 신청과 금리인하요구권 화면의 초점 이동(focus) 보정 등 웹접근성 지적사항을 수정했습니다. 규제와 접근성 기준에 맞춘 화면 보정 경험입니다.
패턴
- 금융 화면은 인증·심의·규제 요건을 화면 흐름에 정확히 반영해야 합니다.
- 웹접근성(초점 이동, 키보드 흐름 등)은 금융처럼 누구나 사용하는 서비스에서 특히 중요합니다.
03 · CONTACT
진행 중인 프로젝트가
있으신가요?
도메인과 목표를 알려주세요. IA·기능 흐름부터 함께 정리해 드립니다.
hello@letsvar.com 회사 기본정보 준비 중 — 설립연도 · 대표 · 규모 · 주소 · 연락처