사용자에게 동일한 경험과 유연한 서비스를 선사하기 위해,
깊이 이해하고 고민하고 발전하는 디자이너입니다.
저는 모두의 눈높이에 맞춘 디자인이 개발과 연결된다라는 핵심 직업가치를 두고 있습니다.
불편함을 마주한 사람에게 공평하고 직관적인 경험을 제공하는 것, 그것이 디자인의 출발입니다.
저는 문제를 정의하고, 사용자의 입장에서 끈질기게 관찰하며, 소외되는 사용자 없이 웹서비스
경험을 만들기 위해 고민하고 또 질문하는 사람입니다.
기술은 도구일 뿐, 결국 사람을 위한 디자인을 하고 싶습니다.”
디자인은 혼자 하는 일이 아니라, 함께 만들어가는 일이라고 생각합니다. 저는 동료와의 끊임없는
소통으로 디자인과 개발자 그리고 고객과의 간극을 좁히고,
사용자경험을 높이기 위해 실제
서비스를 구현할 수 있는 디자이너이자 웹 프론트엔드입니다.
“제가 잘하는 건 예쁘게 만드는 것 보다는, 함께 맞춰가는 일입니다.”
2023.08 - 2025.01
2021.05 - 2023.03
2019.01 - 2021.03
(주)티노
여성의류쇼핑몰 빈느
삼양홀딩스
| 마케팅영업부 디자이너 [자사홈페이지 리뉴얼 참여, 홍보물,회사안내서 제작 및 SNS 운용 담당]
| 여성의류 쇼핑몰 관리 [cafe24, 자사홈페이지, 네이버스마트스토어 운영, 오프 라인 마켓 기획 담당]
| 의약품 입고서류 담당원
2022.03 - 2025.08
2025.04 - 2025.08
2024.00 - 2024.00
2023.00 - 2023.00
국립한밭대학교 생활디자인학과 졸업
그린컴퓨터학원 [스마트웹&콘텐츠 개발 AI활용 프론트엔드] 수료
그린컴퓨터학원 [멘토시리즈 HTML5+CSS3] 수료
그린컴퓨터아트학원 [디지털콘텐츠 일러스트레이터,포토샵] 수료
2024.09
2023. 04
2023. 10
2018. 09
웹디자인기능사
컴퓨터그래픽스운용기능사
HSK(Chinese Proficiency Test Level 4)
컴퓨터활용능력 2급
웹 표준/접근성을 준수하여, 구조설계로 웹사이트 레이아웃 설계합니다.
디자이너와의 원활한 소통을 통해 시각적 디자인을 코드로 정확하게 전환할 수 있습니다.
플러그인 의존없이 순수한 자바스크립트를 통해 필요한 기능들을 정확하게 구현합니다.
사용자 인터페이스를 구축하고, 컴포넌트를 제작해 재사용 가능한 구성 요소를 개발할 수 있습니다.
디자인 관리 및 포트폴리오 정리, 협업까지 작업에 체계화를 위해 사용합니다.
프로젝트 배포, 버전 관리, 협업을 효율적으로 수행할 수 있습니다.
실시간 협업에 주사용되며, 사용자 중심 UI/UX를 설계할 수 있습니다.
브랜드 메시지를 효과적으로 전달하는 감각적인 영상 콘텐츠를 제작하고 있습니다.
시각적 완성도를 높이는 이미지, 그래픽 디자인 작업을 수행할 수 있습니다.
로고, 아이콘, 인포그래픽 등 정교한 벡터 기반 디자인을 제작할 수 있습니다.
출판물, 홍보 브로셔 등 레이아웃 중심의 인쇄 및 디지털 콘텐츠를 구성할 수 있습니다.
다양한 웹 애플리케이션을 제작하기 위해 React, JavaScript, CSS3, HTML5로 개발된 프로젝트입니다.
감각적인 디자인으로 시선을 사로잡는 홍보 콘텐츠를 제작하기 위해 Illustrator, Photoshop, Figma를 사용한 디자인 작업물입니다.
2025.05 ~ 06 | 3인 팀 프로젝트 | 퍼블리싱 · 반응형 · 지도 API
2025.06 | 개인 프로젝트 | 퍼블리싱 · 반응형 · PC/MOB 일체형
2025.06 | 개인 프로젝트 | 퍼블리싱 · 반응형
2025.06 | 개인 프로젝트 | 퍼블리싱 · 반응형
2025.07 | 개인 프로젝트 | 퍼블리싱 · 반응형
2023.03 | 개인 드로잉 편집 디자인
2024.08 | 개인 · 기업 제품 홍보 팜플렛
2025.06 | 개인 프로젝트
2023.07 | 개인 프로젝트
2024.10 | 제품 디자인 구상
2024.07 | 웹페이지 디자인
1. 홍보 카달로그 제작 및 분기별 스틸광고 제작 / 우편발송
2. 자사 블로그, SNS, youtube, facebook 운용 및 컨텐츠 제작
3. 홍보 영상 편집
4. 주1회 업체 단체 홍보메일 발송 및 주소록 관리
5. 박람회 / 코엑스 코바쇼 홍보 부스, 포스터 및 홍보물 제작
6. 자사 홈페이지 리뉴얼 게시 운용
7. DID 업체 홍보 콘텐츠 제작
8. 자사 제품 패키지 디자인 제작 (제품 케이스 및 맞춤 박스 제작)
- 3년 미만의 자사 홈페이지를 리뉴얼하는 작업을 웹에이전시와 협력하였습니다. 그 과정에서 홈페이지 구축 및 상세페이지 디자인에 대한 열의와 많은 공부를 하고 현업무에 적용해 나가고 있습니다.
- 자사 공식 SNS 홍보 및 관리 : facebook, youtube, naverBlog, twitter 운용 및 컨텐츠 이미지 제작으로 영업적 홍보 활성화 효과 상승
- 국제방송/음향조명/영상장치 전시회 COEX주관 전시회 2년 연속 참여 및 부스 디자인 작업 진행
1. 여성의류쇼핑몰 온/오프라인 운영에 필요한 웹디자인 및 제품 피팅 사진촬영
2. 대전 베이비페어 3회 참여/대전 OTS마켓, 마켓시장조사 여론 기획 마케팅 적용/세일즈
3. 네이버스마트스토어 상세페이지 제작 및 제품 촬영/피팅
4. 오프라인 매장관리 및 온라인 사이트 관리/ CS업무/인물사진 보정 및 편집
5. 오프라인 매장 확장 이전 시, 인테리어 구상 참여, 매달 신규 이벤트 진행 기획
- P&K 홀딩스에서 주관하는 대전베이비페어 행사 3회 브랜드 입점 참여 기회를 얻으며, 지역별 시장조사 및 신생아 가족들의 소비트렌드 분석 / 해외 제품 선호도 조사
- 시대에 따른 홍보 마케팅 도전으로 유튜브 쇼츠, 네이버스마트스토어 검색엔진 상위링크 활성화 작업에 기여하여 확장 이전 광고물 제작
- cafe24 쇼핑몰 운용 및 여성의류 모델 촬영 진행 및 포토샵 사진 편집
Web | 퍼블리싱 · 반응형 · 지도 api
주요기능 및 코드리뷰window.onload 이벤트에서 body에 "modal-open" 클래스를 추가하고 overflow: hidden으로 스크롤을 막으며 페이지 최상단으로 이동하는 기능을 구현
close_btn 클릭 시 .modal 요소를 display: none으로 숨기고 body.style.overflow를 원상태 복귀
.slide-wrapper 요소 내의 .slide 항목들을 3초 간격으로 위로 자동으로 스크롤합니다. 마지막 슬라이드에 도달하면 첫 번째 슬라이드로 되돌아가며 무한 루프를 구현합니다. velog.io
Swiper.js 라이브러리를 사용하여 슬라이더를 초기화하는 코드입니다. .swiper-pagination 클래스를 가진 요소를 페이지네이션으로 설정하고, 슬라이드 간의 간격을 30px로 설정하며, 자동 재생 기능을 활성화하여 3초마다 슬라이드가 전환되도록 구현
1. 홍보 카달로그 제작 및 분기별 스틸광고 제작 / 우편발송
2. 자사 블로그, SNS, youtube, facebook 운용 및 컨텐츠 제작
3. 홍보 영상 편집
4. 주1회 업체 단체 홍보메일 발송 및 주소록 관리
5. 박람회 / 코엑스 코바쇼 홍보 부스, 포스터 및 홍보물 제작
6. 자사 홈페이지 리뉴얼 게시 운용
7. DID 업체 홍보 콘텐츠 제작
8. 자사 제품 패키지 디자인 제작 (제품 케이스 및 맞춤 박스 제작)
- 3년 미만의 자사 홈페이지를 리뉴얼하는 작업을 웹에이전시와 협력하였습니다. 그 과정에서 홈페이지 구축 및 상세페이지 디자인에 대한 열의와 많은 공부를 하고 현업무에 적용해 나가고 있습니다.
- 자사 공식 SNS 홍보 및 관리 : facebook, youtube, naverBlog, twitter 운용 및 컨텐츠 이미지 제작으로 영업적 홍보 활성화 효과 상승
- 국제방송/음향조명/영상장치 전시회 COEX주관 전시회 2년 연속 참여 및 부스 디자인 작업 진행
1. 여성의류쇼핑몰 온/오프라인 운영에 필요한 웹디자인 및 제품 피팅 사진촬영
2. 대전 베이비페어 3회 참여/대전 OTS마켓, 마켓시장조사 여론 기획 마케팅 적용/세일즈
3. 네이버스마트스토어 상세페이지 제작 및 제품 촬영/피팅
4. 오프라인 매장관리 및 온라인 사이트 관리/ CS업무/인물사진 보정 및 편집
5. 오프라인 매장 확장 이전 시, 인테리어 구상 참여, 매달 신규 이벤트 진행 기획
- P&K 홀딩스에서 주관하는 대전베이비페어 행사 3회 브랜드 입점 참여 기회를 얻으며, 지역별 시장조사 및 신생아 가족들의 소비트렌드 분석 / 해외 제품 선호도 조사
- 시대에 따른 홍보 마케팅 도전으로 유튜브 쇼츠, 네이버스마트스토어 검색엔진 상위링크 활성화 작업에 기여하여 확장 이전 광고물 제작
- cafe24 쇼핑몰 운용 및 여성의류 모델 촬영 진행 및 포토샵 사진 편집
Web | 퍼블리싱 · 반응형 · 지도 api
주요기능 및 코드리뷰window.onload 이벤트에서 body에 "modal-open" 클래스를 추가하고 overflow: hidden으로 스크롤을 막으며 페이지 최상단으로 이동하는 기능을 구현
close_btn 클릭 시 .modal 요소를 display: none으로 숨기고 body.style.overflow를 원상태 복귀
.slide-wrapper 요소 내의 .slide 항목들을 3초 간격으로 위로 자동으로 스크롤합니다. 마지막 슬라이드에 도달하면 첫 번째 슬라이드로 되돌아가며 무한 루프를 구현합니다. velog.io
Swiper.js 라이브러리를 사용하여 슬라이더를 초기화하는 코드입니다. .swiper-pagination 클래스를 가진 요소를 페이지네이션으로 설정하고, 슬라이드 간의 간격을 30px로 설정하며, 자동 재생 기능을 활성화하여 3초마다 슬라이드가 전환되도록 구현
지금까지 김소희 포트폴리오 소개를 마치겠습니다.
궁금한 점이 있으시다면, 연락 부탁드립니다.