E-Commerce Optimization
매출을 만드는 커머스 경험을 설계합니다
상세페이지, 썸네일, GNB 구조까지 데이터 기반으로 최적화하여 전환율을 극대화합니다. 브랜드 톤을 유지하면서도 구매 심리와 사용자 행동 패턴을 반영한 정보 구조를 설계합니다.
Web DesignerUI DesignerBrand Web Designer
브랜드의 인상을
화면 구조로 설계하는
마케팅 디자이너.
감각은 비즈니스와 만날 때 매출이 됩니다. 브랜드의 철학을 웹 생태계에 이식하고, 상위 1% 트래픽을 만들었던 SEO 전략과 커머스 노하우를 결합하여 '탐색'이 '전환'이 되는 디지털 경험을 만듭니다.
Profile Summary
보기 좋은 화면보다,
설명 가능한 구조를 만듭니다.
5년간 패션·커머스·미디어 분야에서 브랜드 웹 경험을 설계하며, 매출 성장과 사용자 만족도를 동시에 달성해온 디자이너입니다.
Key Achievement
- • 패션 브랜드 매출 70% → 104% 달성 (리뉴얼 후 3개월)
- • 펫 케어 브랜드 4개월 만에 네이버 파워 등급 달성
- • 상위 1% IT 블로그 운영 (월 방문자 기준)
저는 브랜드가 가진 언어와 상품 맥락을 디지털 화면 안에서 일관된 경험으로 정리하는 일을 해왔습니다. 단순히 보기 좋은 페이지를 만드는 것보다, 사용자가 무엇을 먼저 이해하고 어디에서 이탈하는지, 어떤 정보 순서가 전환에 유리한지를 함께 설계합니다.
마케팅 랜딩, 브랜드 사이트, 커머스 상세 구조, 운영형 UI까지 폭넓게 다뤄 왔으며, 프로젝트마다 브랜드 인상과 비즈니스 목표가 충돌하지 않도록 조율하는 역할을 맡아 왔습니다.
- Experience & Domain
- 5+ Years (Web & Brand Design 3년 / Media Directing 2년) | E-commerce (Cafe24), Brand Marketing, Software Platform
- Key Achievement
- 상위 1% IT 블로그 운영 | 패션 브랜드 매출 70% → 104% | 펫 케어 브랜드 4개월 만에 파워 등급 달성
- Tech & Tools
- UI/UX Design, Cafe24, Adobe CC, AI Prompt Engineering, SEO Optimization
Core Strengths
포트폴리오는 작업 결과물의 스타일보다, 프로젝트를 움직이는 판단 기준이 드러나야 합니다. 아래 네 가지는 각 프로젝트에서 핵심이 되었던 설계 원칙과 실무 역량을 중심으로 정리했습니다.
Brand Identity Design
브랜드의 철학을 웹 생태계에 이식합니다
브랜드 톤앤매너를 컬러와 무드로만 정리하지 않고, 정보 우선순위와 카피 밀도, 이미지 사용 방식까지 하나의 경험 체계로 설계합니다. 시각적 임팩트와 구조적 일관성을 동시에 달성합니다.
AI-Driven Media Direction
AI를 활용해 프로토타이핑과 에셋 제작을 가속화합니다
Gemini, ChatGPT 등 AI 도구를 활용하여 UI 프로토타이핑, 비주얼 에셋 제작, 콘텐츠 생성 기간을 단축합니다. 현대홈쇼핑 미디어월 디렉팅에서 실시간 시각 최적화 역량을 입증했습니다.
SEO & Content Structuring
상위 1% IT 블로그 운영 경험을 웹 설계에 접목합니다
검색엔진 알고리즘 지식을 웹 디자인에 적용하여 단순한 텍스트 나열을 넘어, 검색엔진이 선호하는 구조적 규칙과 콘텐츠 스타일 가이드라인을 세밀하게 설계합니다. 브랜드 웹사이트의 오가닉 트래픽을 극대화합니다.
Career Overview
제작 경험에서 출발해,
브랜드 경험 전체를 설계하는 역할로 확장해 왔습니다.
초기에는 프로모션 페이지와 상세 화면 중심의 제작 업무를 맡았지만, 이후 브랜드 사이트 리뉴얼과 커머스 구조 개선 프로젝트를 경험하면서 역할의 범위가 넓어졌습니다. 최근에는 단일 페이지 디자인보다 브랜드 경험 전체의 흐름을 설계하는 일에 집중하고 있습니다.
화면 단위 결과물보다 왜 이 구조가 필요한지 설명할 수 있는 디자인을 지향하며, 프로젝트마다 브랜드 인상, 사용자 흐름, 전환 목적, 운영 효율 사이의 균형을 설계 기준으로 삼습니다.
Selected Case Studies
단순한 결과물 나열이 아니라, 브랜드 과제를 어떤 방식으로 해석하고 사용자 경험으로 정리했는지를 보여주는 사례들입니다.
Case 01
Fashion Brand Commerce Renewal
라이딩/레이싱 모티브의 패션 브랜드가 가진 확고한 아이덴티티를 웹 경험으로 구현하고, 브랜드 스토리텔링과 상품 전환을 동시에 설계한 리뉴얼 프로젝트입니다.
리뉴얼 첫 달 기준 PC/모바일 페이지 체류 시간 2배 증가, 기존 매출 달성률 70%에서 104%로 수직 상승
Problem
브랜드의 철학과 역사는 강했으나 기존 자사몰은 단순 상품 나열식 구조였고, 시각적 임팩트와 브랜드 맥락이 분리되어 있었습니다. 사용자가 왜 이 브랜드를 선택해야 하는지 전달되지 않았습니다.
Approach
메인 페이지에 라이딩 영상을 풀스크린으로 배치해 시각적 임팩트를 부여하고, 'FEATURE' 페이지를 신설해 브랜드 역사와 스토리텔링을 강화했습니다. 복잡한 메뉴를 화이트 솔리드 배경의 반응형 GNB로 개편해 탐색 가독성을 향상시켰습니다.
BEFORE
AFTER
FEATURE
Case 02
Pet Care Brand Launch & Scale
소자본 창업으로 시작한 반려동물 브랜드를 4개월 만에 네이버 스마트스토어 파워 등급으로 스케일업하고, 데이터 기반 전환율 최적화를 통해 월평균 매출 1,500만 원을 달성한 프로젝트입니다.
브랜드 론칭 4개월 만에 네이버 스마트스토어 '파워' 등급 달성, 월평균 매출 1,500만 원 돌파
Problem
펫 커머스 시장의 높은 진입 장벽과 한정된 초기 자본. 단순한 텍스트 상세페이지로는 고관여 타겟(4060 여성)의 신뢰를 얻기 어려웠습니다.
Approach
4060 여성 고객 데이터에 맞춰 따뜻하고 신뢰감 있는 톤앤매너로 시각 언어를 개편하고, '집사님' 등 친근한 UX 라이팅을 적용했습니다. 정적인 이미지를 넘어 직접 반려동물에게 급여하는 모습을 유튜브와 라이브 방송으로 노출해 판매자 신뢰도를 극대화했습니다.
YOUTUBE
TIKTOK
Case 03
Graphics Card B2C Channel Launch
소프트웨어 개발사의 첫 B2C 하드웨어 판매 시도에서 광고비 0원으로 700명 규모의 진성 타겟 커뮤니티를 구축하고, 재고 조기 완판을 통해 전사 매출을 46억 원(360% 상승)으로 스케일업한 프로젝트입니다.
광고비 0원으로 700명 규모의 진성 타겟 오픈채팅방 구축, 재고 조기 완판을 통해 전사 매출을 46억 원(360% 상승)으로 스케일업
Problem
세일즈 인프라와 고객 풀이 전무한 상태에서 5억 원 규모의 하드웨어 재고를 전량 매각해야 했습니다. 무의미한 광고비 지출은 피하고 진성 타겟 확보가 필수였습니다.
Approach
해시값 최적화 그래픽카드 라인업을 선별하여 타겟이 가장 민감한 소구점을 시각화했습니다. 네이버 카페와 카카오톡 오픈채팅방을 직접 키워 진성 타겟 커뮤니티를 구축하고, 복잡한 채굴 정보와 기술 세팅 가이드를 가독성 높은 유튜브 영상 및 시각 튜토리얼로 제작했습니다.
PRODUCT DETAIL
COMMUNITY CHANNEL
Case 04
Live Commerce Media Wall Directing
대형 오프라인 공간과 생방송 환경에서 대규모 미디어월을 총괄 운영하며, 신규 송출 시스템(Millumin) 도입 후 즉시 안정적인 라이브 경험을 제공한 프로젝트입니다. 현대홈쇼핑 협력업체 평가 만족도 1위를 달성했습니다.
유연하고 안정적인 대처로 현대홈쇼핑 협력업체 평가 만족도 1위 달성, 오징어게임2 시사회 등 파트너사 외부 행사 부문 매출 이익 증가 기여
Problem
메인 OS 및 송출 프로그램(Millumin) 전면 교체로 인해 국내 레퍼런스가 전무한 상태에서 생방송에 즉시 투입되어야 하는 리스크 발생. 기술 불안정성과 팀의 숙련도 부족이 주요 과제였습니다.
Approach
해외 기술 포럼을 분석하여 신규 툴을 단기간에 마스터하고 동료들에게 선제적으로 교육했습니다. 압도적인 해상도에 맞춰 영상 프레임과 명암비를 현장에서 즉각 최적화하고, PD(기획자)와 카메라 감독 사이에서 영상 송출 타이밍과 앵글을 치밀하게 조율하여 현장 마찰을 제로화했습니다.
MEDIA WALL
SPECIAL EVENT
Working Method
01
문제를 화면 이전 단계에서 정의합니다
프로젝트 착수 시 비주얼 콘셉트를 먼저 제안하기보다, 유입 경로와 핵심 페이지, 사용자가 먼저 이해해야 할 정보부터 구조화합니다.
02
브랜드 언어를 정보 구조로 번역합니다
브랜드의 분위기를 스타일 레퍼런스로만 가져오지 않고, 카피의 밀도, 이미지 크롭 방식, 섹션 간 호흡까지 일관된 경험으로 연결합니다.
03
디바이스별로 다른 읽기 순서를 설계합니다
데스크톱과 모바일에서 사용자가 기대하는 탐색 방식이 다르기 때문에, 동일한 내용을 유지하더라도 배치 순서와 강조 포인트는 다르게 설계합니다.
04
협업자가 이해할 수 있는 기준으로 정리합니다
디자인 의도를 형용사가 아니라 우선순위, 예외 규칙, 컴포넌트 단위 기준으로 전달해 개발과 운영 단계의 흔들림을 줄입니다.
Brand × UX Perspective
브랜드의 톤은 비주얼 스타일뿐 아니라 정보의 우선순위와 읽히는 리듬에도 반영되어야 한다고 생각합니다.
화면의 완성도는 시각적 정리에서 끝나지 않고, 사용자가 다음 행동으로 이동하는 흐름까지 포함한다고 봅니다.
반응형 설계는 동일한 레이아웃의 축소가 아니라, 디바이스별 맥락에 맞춘 정보 재배치의 문제라고 판단했습니다.
보기 좋은 결과보다, 왜 이 구성이 더 적합한지 설명 가능한 디자인을 만드는 데 집중합니다.
Works Showcase
주요 프로젝트를 한눈에 경험하세요.
Case 01
Fashion Brand Commerce Renewal
패션 & 라이프스타일 / 커머스
라이딩/레이싱 모티브의 패션 브랜드가 가진 확고한 아이덴티티를 웹 경험으로 구현하고, 브랜드 스토리텔링과 상품 전환을 동시에 설계한 리뉴얼 프로젝트입니다.
Contact / Proposal
브랜드의 톤을 유지하면서도
전환과 운영을 함께 고려하는
디지털 경험이 필요하다면.
채용 제안, 프로젝트 협업, 브랜드 사이트 리뉴얼 문의 모두 열려 있습니다. 기획 초기 단계부터 구조를 함께 설계하며, 화면 결과물뿐 아니라 운영 가능한 기준까지 정리합니다.