Decision Focused Designer

막연한 선택을 명확한 결정으로 만드는
UX 흐름을 설계하는 디자이너 지슬기입니다

Scroll
Trusted by my own standard
  • Le Labo
  • ·
  • Artish
  • ·
  • Danha
  • ·
  • More on request
Practice

How I work,
and what proved it

디자인은 ‘결정’의 결과라고 생각합니다.
세 가지 원칙을 기준으로, 그 선택이 어떻게 만들어졌는지 보여줍니다.

현장의 언어로 이해합니다

8년간 영업·컨택센터·운영 현장을 거치며 숫자보다 먼저, 그 숫자가 만들어진 맥락을 읽었습니다.
결국 중요한 것은 사람의 행동입니다.

Seen in Le Labo · CS 응대 흐름을
카테고리 IA로 구조화한 설계

위계가 곧 결정입니다

보기 좋은 화면보다, 무엇을 먼저 보고 무엇을 선택하게 할지에 집중합니다. 정보의 순서를
설계하는 것이 곧 UX라고 생각합니다.

Seen in Artish · 큐레이션 카드를
3단계 위계로 재구성한 구조 설계

완성은 빌드 이후에 시작됩니다

퍼블리싱은 결과가 아니라 검증의 단계입니다.
HTML · CSS · JS를 직접 다루며 시안과 실제
사이의 간극을 줄입니다.

Seen in Danha · 룩북 그리드 모바일 뷰포트를
직접 디버깅하며 개선한 경험
Index Selected case studies

Case directory

같은 손에서 나온 일곱 개의 케이스, 하지만 서로 다른 문제를 풀었습니다. 번호는 작업 순서가 아닌, 읽기 순서를 기준으로 구성했습니다.

Volume 01 · 2026 · Hand-coded 100%
01 / 02

Le Labo
a system for choosing scent

향수 카테고리의 큐레이션 IA를 재설계했습니다.
진단 → 추천 → 결제로 이어지는 선택 흐름을 구조화했습니다.

  • 작업 기간 2026 · 8 weeks
  • 기여도 UX · UI · Publishing 100%
  • 제작 페이지 Home · Discovery · PDP · Cart · Checkout
  • 사용 툴 Figma · HTML · CSS · JavaScript · 반응형 웹
  • #IA-Redesign
  • #Selection-UX
  • #Editorial-Commerce
  • #Decision-Flow
+24% 핵심 퍼널 전환율
−18% PDP 이탈률
1.5× 평균 객단가

* 시뮬레이션 기준 · 시나리오 테스트 8주차 평균. 실 운영 KPI는 케이스 본문 참조.

Le Labo · 디바이스 목업
Artish · 디바이스 목업

Artish
a spatial
approach to curation

작품을 ‘작가’가 아닌 ‘공간의 맥락’으로 큐레이션했습니다.
SPA 전환으로 흐름을 연결하고, 인터뷰를 PDP에 통합했습니다.

  • 작업 기간 2026 · 6 weeks
  • 기여도 UX · UI · Publishing 100%
  • 제작 페이지 Home · Spaces · Detail · Stories · Saved
  • 사용 툴 Figma · HTML · CSS · JavaScript · 반응형 웹
  • #Editorial-Commerce
  • #Content-Hierarchy
  • #SPA
  • #UX-Flow
+2.4× 평균 체류 시간
+40% UI 빌드 처리량
−30% QA 반복

* 내부 워크플로 측정 · SPA 전환 전후 6주차 비교. 본문에 측정 방법 기재.

Danha
a system for choosing style

한복을 스타일 중심으로 재구성했습니다.
상황 → 스타일 → 제품으로 이어지는 선택 흐름을 설계해
탐색이 아닌 결정으로 이어지도록 UX를 재정의했습니다.

  • 작업 기간 2026 · 5 weeks
  • 기여도 UX · UI · Publishing 100%
  • 제작 페이지 Lookbook · PDP · Half-modal · Brand · Shop
  • 사용 툴 Figma · HTML · CSS · JavaScript · 반응형 웹
  • #Mobile-First
  • #Selection-UX
  • #Content-Structure
  • #Responsive-Web
+21% 장바구니 도달율
−38% 구매 동선 깊이
+12% 모바일 결제

* 모바일 시나리오 테스트 기준 · hot-spot 도입 전후 5주차. 자세한 측정 조건은 케이스에서.

Danha · 디바이스 목업
COLORGRAM · 디바이스 목업

COLORGRAM
color discovery,
then checkout

컬러그램 DNA를 기반으로 브랜드 경험을 재해석 했습니다.

  • 작업 기간 2026 · 5 weeks
  • 기여도 UX · UI · Publishing 100%
  • 제작 페이지 Home · Color Lab · Shop · PDP · Cart
  • 사용 툴 Figma · HTML · CSS · JavaScript · 반응형 웹
  • #K-Beauty
  • #Personal-Color
  • #Mobile-Commerce
  • #Design-System
+14% 진단 완료 후 PDP 진입
−19% 장바구니 이탈
1.3× 세션당 탐색 깊이

* 모바일 시나리오 테스트 가정 · 실측 KPI는 케이스 본문 기준.

Beyond the screen,
still by the same hand

상품 상세 페이지와 프로모션 포스터를 중심으로,
브랜드 무드를 시각적으로 압축한 작업물 입니다.

  • 02 Categories
  • 11 Selected works
  • 100% Hand-crafted

Poster

09 works
  • 베개 브랜드 배너 비주얼
    Poster

    Pillow Brand

    Brand Banner · Photoshop · 2026
    Poster · 2026
  • 체리쉬 라이프스타일 배너
    Poster

    Cherish

    Lifestyle Banner · Photoshop · 2026
    Poster · 2026
  • 서브웨이 캠페인 포스터
    Poster

    Subway

    Campaign Poster · Photoshop · 2026
    Poster · 2026
  • 드라마 키 비주얼 포스터
    Poster

    Drama Key Visual

    Poster Visual · Photoshop · 2026
    Poster · 2026
  • 비비안웨스트우드 시즌 배너
    Poster

    Vivienne Westwood

    Fashion Banner · Photoshop · 2026
    Poster · 2026
  • 에스쁘아 뷰티 배너
    Poster

    Espoir

    Beauty Banner · Photoshop · 2026
    Poster · 2026
  • 아디다스 브랜드 배너
    Poster

    Adidas

    Sports Banner · Photoshop · 2026
    Poster · 2026
  • 베베드피노 키즈웨어 배너
    Poster

    Bébé de Pino

    Kids Banner · Photoshop · 2026
    Poster · 2026
  • 두바이 쫀득 쿠키 배너
    Poster

    Dubai Chewy Cookie

    F&B Banner · Photoshop · 2026
    Poster · 2026

Detail Page

02 works
  • 호랑이 젤라떡
    Detail Page

    Coming Soon

    Detail Page · Photoshop · 2026
    Detail Page · 2026
  • 상세페이지 작업물 준비 중
    Detail Page

    Coming Soon

    Detail Page · Photoshop · 2026
    Detail Page · 2026
업데이트 예정 새로운 작업물이 추가됩니다.
How I design

From brief to build

What I can contribute
  • 에디토리얼 커머스 · IA 설계
  • 브랜드 디지털 · 룩북
  • 반응형 UI 구조 설계
  • 디자인 시스템 토큰
  • HTML · CSS · JS 퍼블리싱
What I’m improving
  • 사용자 선택 흐름 설계
  • 콘텐츠 위계 구조화
  • Figma와 실제 구현의 일치
  • 웹 접근성과 기본 퍼블리싱 완성도
  • 결정 중심 UX 설계
How I work
  • 결과보다 ‘결정 과정’을 중요하게 생각합니다
  • 모든 디자인에는 이유를 설명할 수 있어야 한다고 생각합니다
  • 디자인과 구현 사이의 간극을 줄이기 위해 직접 확인합니다
  • 모르는 부분은 솔직하게 배우고 개선합니다
  • 하나의 작업에 집중해 끝까지 완성합니다

Discovery

맥락을 이해합니다

  • 이해관계자 인터뷰
  • 사용자 행동과 데이터 확인
  • 레퍼런스 및 경쟁 사례 분석
~ 1 week

Architecture

구조를 설계합니다

  • 정보 구조(IA) 설계
  • 사용자 흐름 정리
  • 와이어프레임 및 콘텐츠 구성
~ 2 weeks

Execution

디자인과 구현을 연결합니다

  • UI 디자인(Figma)
  • HTML · CSS 퍼블리싱
  • 기본 인터랙션 구현(JS)
~ 4–6 weeks

Validation

결과를 확인하고 개선합니다

  • 사용성 점검
  • 접근성 및 성능 확인
  • 피드백 반영 및 개선
지속적으로 진행
Sample Work · IA (Le Labo)

결정의 흐름은 구조에서
시작된다고 생각합니다

Le Labo 프로젝트에서 Discovery 단계에
먼저 정리한 IA입니다. 첫 화면부터 결제까지,
사용자가 어떤 흐름으로 이동하는지 시안 이전에
구조로 정리했습니다.

  • SourceLe Labo · Editorial Commerce
  • StageDiscovery → Architecture
  • Output3 hubs · 6 leaves · 9 paths
케이스에서 전체 IA 보기
Information Architecture Le Labo · v0.3 · 2026.04
HOMEPAGE SHOP JOURNAL ABOUT Category Product Detail Editorial Interview Brand Story Contact
Hub Leaf Hand-drafted, then committed
Field Notes

How I think,
and how I work

각 메모는 실제 프로젝트에서 배운 내용을 기반으로,
제가 어떤 기준으로 디자인하는지 보여줍니다.

Craft

설명할 수 있는 디자인

설명되지 않는 디자인은 좋은 디자인이 아니라, 우연히 맞아떨어진 결과라고 생각합니다. 왜 이렇게 만들었는지, 디자이너 스스로 가장 명확하게 말할 수 있어야 합니다.

Process

시안은 질문에서 시작된다

완성된 시안보다, 다음 질문을 만들어내는 시안이 더 중요하다고 생각합니다. 무엇을 더 알아야 하는지 드러나는 순간, 더 나은 결정이 가능해집니다.

Learned during Artish · 2026
Career

현장에서 배운 사용자 이해

디자이너가 되기 전, 영업·운영 현장에서 사용자와 직접 마주했습니다. 그 과정에서 화면이 어떻게 오해되는지, 사람이 어디서 멈추는지를 경험했습니다. 이 경험이 지금의 디자인 기준이 되었습니다.

Learned at ㈜유베이스(AK몰) · 2020.04–2025.07
About me
Name
지슬기 Sulgi Ji
Role
UX/UI Designer· Publisher
Career
9+ years Sales · CS · Operations
Project
3 case studies·Fully hand-coded
Education
  • 2025.12 - 2026.05 그린컴퓨터아카데미 UI/UX 반응형 웹디자인 & 웹퍼블리셔 양성과정
  • 2015.03 — 2016.03 유한대학교 Interior Architecture · 중퇴
  • 2011.03 — 2014.02 부평디자인과학고등학교 실내 건축 · 졸업
License
  • 2026.05 UI/UX 반응형 웹디자인 & 웹퍼블리셔 수료
  • 2025.12 도배기능사 취득
  • 2007.02 워드프로세서 3급 취득
Focus areas
  • 01E-commerce IA
  • 02Editorial commerce
  • 03Brand digital
  • 04Publishing handover
Experience 2013 — 2025.07
  • 2020.04 — 2025.07 ㈜유베이스(AK몰) 최근 슈퍼바이저 정규직 · CS 운영 총괄 · 응대 매뉴얼 설계 · 데이터 기반 개선
  • 2017.03 — 2020.04 케이앤티 영업직 정규직 · B2B 영업 · 거래처 운영 · 견적·마감 관리
  • 2016.07 — 2017.02 ㈜유베이스(쇼핑몰) 사무직 정규직
  • 2013 국민연금공단 Office Assistant · 단기
Skills & Tools Daily-driver
  • Primary
  • Secondary
  • Exploring
  • Figma
  • Photoshop
  • Illustrator
  • HTML · CSS
  • Vanilla JS
  • GitHub
  • VS Code
  • Cafe24
브랜드와 사용자 경험을 중요하게
생각하는 팀과 함께 일하고 싶습니다.
SJ · Working principle
FAQ

Before we talk

자주 받는 질문을 정리했습니다.
제가 어떻게 일하는지 미리 보여드리고 싶었습니다.

왜 UX/UI 디자이너를 선택했나요?
사용자가 어떻게 선택하고 행동하는지에 관심이 많았습니다.
그 흐름을 구조로 설계하는 일이 UX/UI라고 생각해 시작하게 되었습니다.
본인의 강점은 무엇인가요?
사용자의 선택 흐름을 기준으로 구조를 설계하는 점입니다.
디자인과 퍼블리싱을 함께 고려해 실제 경험까지 연결합니다.
어떤 디자이너로 성장하고 싶나요?
보여주는 디자인이 아니라, 결정에 영향을 주는 디자이너가 되고 싶습니다.
사용자가 더 쉽게 선택할 수 있는 경험을 설계하고 싶습니다.
협업에서 중요하게 생각하는 점은?
방향을 빠르게 정하고 일관되게 유지하는 것이 중요하다고 생각합니다.
작은 결정도 전체 흐름에 맞게 이어지는 것을 중요하게 봅니다.
퍼블리싱까지 하는 이유는?
디자인 의도가 실제 구현에서 달라지는 경우가 많다고 느꼈습니다.
그래서 직접 다루며 시안과 실제 경험의 차이를 줄이고 있습니다.