Dedicated User eXperience
목차
디·유·엑스는…
단일 화면 기준의 기능이 복합 · 집약된 툴을 개발하는 1인 프리랜서 팀 입니다.
사용자 시나리오(User Scenario) 및 실제 사용 형태를 관찰하여 사용 환경을 최적화 하며,
사용자 경험의 깊이(Depth of User Experience)를 고려하여 단축 기능을 밀집 구현합니다.
포트폴리오
웹 기반(SPA)
관맹동감 (ㄱㅁㄷㄱ · ⠈⠑⠊⠈, 2025)
점자/점역 관련 종사자의 요청으로 만들어진 Braille 파일(ASCII 형식 점자 파일, .brl/.brf/.bbf) 뷰어입니다.
공개 프로그램으로 소스까지 공개되어있는 오픈소스 프로젝트입니다.
PWA 웹앱으로 개발되어 Window/Android/iOS 모두 설치하여 사용 가능합니다.
단순히 ASCII 형식으로 되어있는 파일을 유니코드 점자 형식으로 변환하여 출력하도록 구현되어 있어, 점자 폰트를 별도로 설치하지 않아도 점자 문서 내용을 볼 수 있습니다.
•
개발 스택: EstreUI + jQuery + 바닐라JS
•
특징:
◦
PWA 웹앱으로 개발되어 웹 사이트 접속만으로도 사용 가능하며, 설치하여 오프라인 상태에서도 사용 가능
◦
점자 출력 및 소문자/대문자 ASCII 상태의 내용을 탭을 전환하여 확인 가능
◦
간단한 조판 부호(개행 및 폼피드) 및 줄 번호 출력
◦
폼피드 문자 기준 자동 페이지 단위 보기 형식 지원
◦
라인 수 기준 수동 페이지 단위 보기 형식 지원 (예정)
명조 앙챔스 밴픽 툴 (2025)
10만 팔로워를 보유한 앙리형의 명조 버전 앙챔스로서 명조 플레이어들이 게임 내 『홀로그램 전략』 컨텐츠의 타임어택을 통해 1:1로 겨루는 게임의 밴픽 및 진행 상황 표시용 툴 입니다.
처음부터 방송 진행 전용으로 제작되어 시각적 비주얼에 중점을 두어 제작되었습니다.
•
개발 스택: Estre UI + jQuery 4 + 바닐라JS
•
특징:
◦
서버 없이 파일 상태로 로컬 실행 가능
◦
FHD (1920x1080 전체화면 또는 3840x2160 2배 전체화면) 기준 UI
◦
게임 진행 단계를 탭 형식으로 처리하여 자유롭게 전환 가능
◦
캐릭터들의 대결 무드 조성을 위한 캐릭터 일러스트의 입체적 배치
(방송 썸네일 최적화 비주얼)
◦
최소 개발 일정(비용)으로 최대한의 효용성을 끌어낸 시스템 구성
◦
방송 진행자를 위한 UX 최적화
▪
브라우저 또는 PC 재시작 시에도 현재 게임 진행 상태가 보존되도록 구현
▪
스텝 별 UNDO 및 이전 게임 정보 복원 기능 보유
▪
단순 및 직관적인 UI 체계
▪
빠른 값 입력 보조 기능 적용
본 툴은 주문 제작되어 의뢰자 본인에게만 소스가 공개되어 있습니다.
원신 앙챔스 밴픽 툴 (2023)
스트리머이자 유튜버 앙리형의 원신 컨텐츠로 플레이어끼리 게임 내 최종 컨텐츠인 연월나선 12층 클리어 타임어택 대결을 위한 캐릭터 밴 및 픽 화면 연출 및 대전 기록을 위한 툴 입니다.
•
개발 스택: 바닐라JS + jQuery
•
특징:
◦
서버 없이 파일 상태로 로컬 실행 가능
◦
반응형 UI
◦
게임 같은 UI 지향
◦
대결 분위기를 고양시키는 애니메이션 연출 및 효과음
◦
그 외 깨알같은 UI 반응 애니메이션 디테일
◦
방송 진행자를 위한 UX 최적화
▪
키보드 조작 편의 및 효율 최적화
▪
마우스 휠 등을 통한 값 설정의 빠른 조작 최적화
▪
조작 자체를 최소화하는 자동화 내부 요소 연동 체계
•
갤러리
앱 기반(Android · iOS)
Multiline Calculator (2005)
과거 최초 앱 개발작이었던 안드로이드 앱으로 단일 화면에서 어떤 식으로 집약적인 UX 및 UX의 깊이를 경험시켜 주는지가 잘 표현되어 있는 앱 입니다. 앱 UX(UI 아님) 참고 용으로 포트폴리오에 언급하였습니다.
•
개발 스택: Android native, JAVA
•
특징:
◦
다양한 화면 크기와 형태(비율) 및 터치 외 키보드나 키패드(전화기 형식) 등의 입력에 모두 대응하는 UX 환경
◦
익숙해지면 빠르게 원하는 결과를 얻을 수 있는 특수 기능형 앱 아이디어 적용
◦
최대 9개의 계산기 상호 참조 및 동시 계산 가능
◦
계산기 전체 작업에 대한 되돌리기(UNDO) 및 재실행(REDO) 가능
◦
4개의 계산기 셋트 및 멀티 인스턴스 지원(삼성 DEX 등에서 앱 4개 띄우기 가능)
◦
순환 소수 인식 및 단축 표시 등 일반적인 계산기 앱에서 볼 수 없는 기능 보유
•
갤러리
개발(작업 가능) 영역
1. 웹 개발 (프론트엔드, SPA)
개발 지향
•
단일 페이지(SPA)
•
프론트 위주(Node.js 사용 최소화 + API 연동)
•
반응형 레이아웃
개발 스택
•
HTML, CSS, 바닐라JS
•
Estre UI, jQuery
•
Flutter
•
TOSS Terminal/Front SDK
2. 앱 개발 (Android 및 iOS 네이티브)
•
안드로이드
◦
언어: Kotlin, Java (코틀린 우선)
◦
패턴: MVVM
◦
라이브러리: Retrofit, Room, Glide, ExoPlayer2, LottiePlayer, ObjectBox
◦
주요 개발 가능 요소: 웹 API 연동, 영상 출력 구현, 블루투스 통신, 결제 모듈 연동
•
iOS / iPadOS 등
◦
언어: Swift only (Objected C 불가)
iOS 계열 개발 경험이 충분치 않은 점 감안 바랍니다.
•
멀티플랫폼
◦
프레임워크: Flutter
◦
언어: Dart
3. 서버 개발 (리눅스 또는 윈도우 서버 및 클라우드 기반)
프론트 퍼블리싱을 위한 세팅 내지 DB와 프론트(웹 또는 앱) 연동을 위한 API 작업 위주
•
Apache + PHP7+ (단순 API 개발 구성)
•
IIS + ASP .NET Core 8+ (중형 이상 API 개발 구성)
•
필요 시 Spring, Node 등의 다른 서버 솔루션 이용 가능
•
주 이용 DB: MySQL, MSSQL, SQLite, Redis 등…
의뢰 플랜
A. UX 리마스터
•
기 개발되어 사용 중이던 서비스에 대한 UX 개선 작업
최종 사용자(일반 사용자) 대상 서비스의 경우
•
의뢰자 측의 자료 및 의견을 기준으로 US(유저 시나리오) 개선 작업을 통해 사용자 불만 요소 해소 및 서비스 평점 개선
내부 실무자 대상 서비스의 경우
•
실무자와의 상담, 요청 및 사용 패턴 관찰을 통해 점진적 개선 작업을 통한 작업 능률 향상 및 불필요한 스트레스 요소 제거
◦
의뢰 비용: 1일 당 25 만원
•
추가 비용 요소
◦
iOS/Android 네이티브 개발인 경우
기본적으로 ‘웹’ 기반 플랫폼 작업을 전제로 합니다.
네이티브 코드 개발하는 건의 경우 추가 비용(웹 대비 조금 더 높은 비용)으로 계산합니다.
◦
모바일 ‘앱’ 개발인데 네이티브 개발이(코틀린/자바/스위프트 코드가) 아닌 경우
플러터, 리액트 네이티브 등의 별도 멀티 플랫폼 프레임워크를 이용하는 모바일 ‘앱’인 경우 작업 착수가 어렵거나 추가 비용이 발생합니다.
◦
외주 등 개발 의뢰 결과물만 있고 계속 사용하던 서비스가 아닌 경우 추가 비용 발생
지속 사용으로 인한 실무자/사용자의 누적 경험을 통한 개선 방향 등의 수집 항목이 누락, 개선 결과물을 위해 부가적인 작업이 요구되므로 추가 비용이 발생합니다.
B. 프론트 작업
•
기본 단일 로컬 페이지 개발 (신규 개발, UX 리마스터에서 하는 작업 기본 포함)
서버 없이 파일 상태로 실행 및 서버(보통 Cafe24등의 일반 웹호스팅) 업로드 시에도 이용 가능 기준
◦
의뢰 비용: 협의
•
추가 비용 요소
◦
API 연동 작업 시
▪
기 개발된 서버 혹은 클라우드 API와 연동 또는 외부 API와 연동
◦
이미 개발된 페이지와 연동 내지 일관화가 요구되는 경우
C. 풀 스택 작업
•
프론트 작업 + 서버 작업 (신규 개발)
이미 운용되고 있는 서비스(DB 등 보유 및 기존 API 등의 참고 소스 존재)에 추가 API 포인트 작업을 하여 연동하는 경우
◦
의뢰 비용: 협의
•
추가 비용 요소
◦
DB 신규 작업 시
공통 추가 비용 요소
•
개발 환경, 소스 상태 등의 요인에 따른 작업의 어려움 존재 시
본 사유로 인한 작업 착수 불가 판단 혹은 의뢰 취소 시 출장 비용을 제외하고 비용을 받지 않습니다.
•
출장 필요 시: 1일 당 추가 +5 만원 (회의 및 실무 작업 관찰 등)
기본적으로 회의 및 실무 작업 관찰 등은 원격으로 진행합니다
•
수도권 기준
•
수도권 외 지방의 경우 거리 및 교통편에 따라 비용이 추가됩니다.
•
기본적으로 원격을 통한 업무를 권장하나 일부 사용 환경 및 사용 패턴의 직접적인 관찰이 필요한 경우 비용 대비 확실한 결과물 향상 효과를 보실 수 있습니다.
Contact
E-mail: elii.esterisk@gmail.com
Discord: esterisk
Twitch: https://www.twitch.tv/Ester1z
