Portfolio

안녕하세요 5년차 웹 퍼블리셔 이슬기입니다. 반갑습니다 👋

About

이슬기 | Seulki Lee

끊임없이 도전하는 웹 퍼블리셔 이슬기입니다. 디자인과 단순 코드 작업만 하던 웹 디자이너로 시작하여 html, css 뿐만 아니라 Javascript까지 다룰 수 있는 웹 퍼블리셔로 성장했습니다. 현재는 프론트엔드 개발자가 되기 위해 열심히 노력하고 있습니다.
업무 능력
  • HTML

    %

  • css

    %

  • Sass

    %

  • Javascript

    %

  • jquery

    %

  • Photoshop

    %

  • Illustrator

    %

  • Xd

    %

프로필
  • 생년월일 1994.04.01
  • 이메일 seulkilee94@gmail.com
  • 주소 경기도 성남시 수정구
경력
  • 2018.12-2022.10 애니시큐어 | 홈페이지 유지보수 및 신규 서비스 개발
  • 2018.04-2018.11 쥬네드마르셀 | 쇼핑몰 유지보수 및 상품 상세페이지 디자인
  • 2016.09-2017.06 티비엘디자인 | 상품 상세페이지 디자인
학력
  • 2017 신구대학교 학사학위 전공심화 졸업
  • 2016 신구대학교 IT미디어과/웹IT 전공 졸업

Works

2023년 제작한 포트폴리오 화면 캡쳐
2023 포트폴리오 제작
간단한 소개와 함께 작업물을 보여줄 수 있는 웹 포트폴리오를 제작했습니다. 부트스트랩과 fullPage.js, Swiper등 다양한 오픈소스 라이브러리를 연동하여 구현했습니다. 또한, 연락하기의 입력폼은 구글 스프레드 스크립트 편집기를 활용하여 메일 서버 없이도 메일 전송이 가능하도록 하였으며, 구글 캡챠를 연동하여 스팸 메일 전송이 불가하도록 했습니다.
기간 : 2023.01
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : HTML, CSS, JavaScript, Photoshop, Illustrator
사이트 바로가기 소스코드 보기
VR호스트 브랜드 메인페이지 캡쳐
VR호스트 브랜드 런칭 프로젝트
3D 카메라 판매, 촬영, 웹사이트 구현 서비스를 제공하는 신생 브랜드입니다. 팀 프로젝트로 진행되었으며 홈페이지 웹기획, 디자인, 퍼블리싱 작업과 스마트스토어 배너와 상품 상세페이지 제작 작업을 했습니다. 또한 제가 제작에 참여했던 웹빌더로 홈페이지 구현 후 별도 코드를 추가하는 방식으로 작업했습니다.
기간 : 2022.08 - 2022.10
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : 웹빌더, HTML, CSS, JavaScript, Photoshop, Illustrator
사이트 바로가기
이미지빌더 내부 편집기 화면 캡쳐
이미지빌더 런칭 프로젝트
포토샵 없이도 상품 상세페이지용 이미지를 제작할 수 있는 이미지 편집기 "이미지빌더" 제작 작업에 참여했습니다. 상세페이지 제작이 가능한 에디터, 제작물 또는 이미지 관리 기능을 제공하는 관리페이지, 이미지빌더 소개 및 매뉴얼을 제공하는 운영 사이트의 웹기획, 디자인, 퍼블리싱 작업을 진행했습니다.
이미지빌더는 로그인 후 패널 우측 상단의 '새로 만들기' 버튼을 눌러 에디터로 이동할 수 있습니다.
(ID : ahndo, PW : img1212!)
기간 : 2020.03 - 2020.06, 2020.12- 2021.02
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : HTML, CSS, JavaScript, Photoshop, Illustrator
이미지빌더 바로가기 운영사이트 바로가기
닷홈 결제 페이지 캡쳐
닷홈 결제 개선 프로젝트
닷홈의 결제페이지 UXUI 개선 작업에 참여했습니다. 결제 페이지 하단에서만 결제 금액이 확인 가능하여 다소 불편했던 부분을 결제 정보 입력 영역은 좌측에, 결제 금액 영역을 우측에 두어 상품 옵션을 변경하거나 부가 서비스를 추가할 때 가격을 바로 확인할 수 있도록 개선했습니다.
기간 : 2020.07 - 2020.09
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : HTML, CSS, JavaScript, Photoshop
닷홈빌더 내부 편집기 화면 캡쳐
닷홈빌더 런칭 프로젝트
코딩 없이 홈페이지를 제작할 수 있는 웹빌더 "닷홈빌더" 제작 작업에 참여했습니다. 홈페이지 관리 기능을 제공하는 관리자 페이지와 페이지 제작이 가능한 에디터, 공지사항과 매뉴얼 등을 제공하는 운영 사이트의 웹기획, 디자인, 퍼블리싱 작업을 진행했습니다. 또한 런칭 후에도 닷홈빌더 유지보수와 운영사이트 컨텐츠 관리를 지속적으로 진행했습니다.
닷홈빌더는 로그인 후 메뉴의 관리( ) 버튼을 눌러 관리자 페이지로 이동한 뒤 상단 메뉴의 디자인 버튼을 눌러 에디터로 이동할 수 있습니다. (ID : ahn1, PW : test1234)
기간 : 2020.01 - 2020.02, 2020.08 - 2020.12
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : HTML, CSS, JavaScript, Photoshop, Illustrator
닷홈빌더 바로가기 운영사이트 바로가기
닷홈빌더의 건축 템플릿 메인페이지 캡쳐
닷홈빌더 템플릿 제작
사용자에게 배포하는 닷홈빌더 홈페이지 템플릿을 제작했습니다. 웹기획과 디자인 작업 후 닷홈빌더를 사용하여 홈페이지를 구현했습니다. 사용자가 쉽게 수정하여 사용할 수 있도록 별도 코드를 추가하지 않고 닷홈빌더 제공 기능으로만 구현했습니다. (현재 닷홈에서 제공 중인 템플릿 중 렌트카를 제외한 모든 템플릿을 작업했습니다.)
기간 : 2021.12 - 2022.09
참여도 : 웹기획·디자인·웹빌더로 구현 100% 참여
사용기술 : 닷홈빌더, Photoshop, Illustrator
템플릿 바로가기
상품 상세페이지 템플릿 예시 이미지
상품 상세페이지 템플릿 제작
이미지와 텍스트만 변경하여 사용할 수 있도록 상품 상세페이지 포토샵 템플릿을 제작했습니다. 패션, 음식, 화장품 등 다양한 카테고리의 템플릿들을 제작했습니다. 또한 초보자도 쉽게 사용할 수 있도록 각 템플릿마다 맞춤 설명서를 함께 배포했습니다.
기간 : 2019.01 - 2019.02
참여도 : 기획·디자인 100% 참여
사용기술 : Photoshop
2018년 제작한 포트폴리오 화면 캡쳐
2018 포트폴리오 제작
작업물을 보여줄 수 있는 웹 디자인 포트폴리오를 제작했습니다. 부트스트랩을 사용하여 반응형으로 구현하였으며, 썸네일을 클릭하면 전체 페이지 모달로 작업 내용을 볼 수 있게 했습니다.
기간 : 2018.04
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : HTML, CSS, JavaScript, Photoshop, Illustrator
사이트 바로가기
BenQ 홈페이지 가상 리뉴얼
영상기기 업체 BenQ사의 홈페이지를 반응형으로 가상 리뉴얼했습니다. 웹사이트 제작 시 오픈소스를 전혀 사용하지 않고 미디어쿼리를 이용한 반응형 레이아웃과 원페이지 스크롤을 구현했습니다.
기간 : 2018.04
참여도 : 웹기획·디자인·퍼블리싱 100% 참여
사용기술 : HTML, CSS, JavaScript, Photoshop, Illustrator
사이트 바로가기
플래시게임 'FLASHLIGHT' 프로젝트
대학시절 졸업 작품 팀 프로젝트로 아두이노 빛센서 연동 플래시게임을 제작했습니다. 공포 게임으로 어두운 화면에 플래시라이트를 비춰 단서를 찾아내는 게임입니다. 모니터 주위에 아두이노 빛 센서를 붙여 빛을 비추면 해당 부분만 밝아지도록 구현했습니다.
(현재는 어도비 플래시플레이어 지원이 중단되어 게임 플레이가 불가합니다.)
기간 : 2015
참여도 : 액션스크립트 코딩 90% 참여
사용기술 : 액션스크립트 3.0
플래시게임 '4교시' 프로젝트
대학 재학 시절 창의 대회 팀 프로젝트로 마이크를 연동한 플래시 게임을 제작했습니다. 게임 주인공인 선생님이 떠드는 아이들에게 호통을 쳐 조용히 하게 하는 게임으로 데시벨이 높을수록 조용해지는 아이들이 많아집니다. 시간에 따라 게이지가 줄어들며, 떠드는 아이가 많을수록 게이지 속도가 빨라지도록 만들었습니다.
(현재는 어도비 플래시플레이어 지원이 중단되어 게임 플레이가 불가합니다.)
기간 : 2014
참여도 : 액션스크립트 코딩 100%, 디자인 90% 참여
사용기술 : 액션스크립트 3.0, Photoshop

Contact

제 포트폴리오를 읽어 주셔서 감사합니다.
메일 남겨주시면 빠르게 답변 드리도록 하겠습니다. 감사합니다.

  • 이메일

    seulkilee94@gmail.com