최예선_웹퍼블리셔 포트폴리오
Works
Naver
NAVER 웹사이트를 클론코딩하며 시맨틱 태그와 WAI-ARIA 기법 등을 통해 웹 표준과 웹 접근성을 향상시켰습니다.
해당 프로젝트는 1440px 해상도의 PC 환경에 최적화되어 있어 PC에서의 이용을 권장드립니다.
해당 프로젝트는 PC 환경에서의 이용을 권장드립니다.
#적응형 #IR·IS·Blind #WAI-ARIA #웹 접근성 #퍼블리싱 100%
Tida Mungu
티다문구점 웹사이트를 클론코딩하며 matchMedia를 활용해 반응형으로 구현하였습니다.
#반응형 #GSAP #Lottie #jQuery #matchMedia #퍼블리싱 100%
KUKKA
꾸까 메인 페이지를 클론 코딩하며 카페24를 기반으로 모듈화하여 반응형 웹을 구현하였습니다.
#반응형 #카페24 #GSAP #jQuery #퍼블리싱 100%
Enterprise Blockchain
엔터프라이즈 블록체인 웹사이트를 클론코딩하며 GSAP의 ScrollTrigger를 활용해 다양한 전환효과를 구현했습니다.
해당 프로젝트는 1440px 해상도의 PC 환경에 최적화되어 있어 PC에서의 이용을 권장드립니다.
해당 프로젝트는 PC 환경에서의 이용을 권장드립니다.
#적응형 #GSAP #ScrollTrigger #jQuery #퍼블리싱 100%
HF-11
HF-11 웹사이트를 클론코딩하며 반복문과 setTimeout 함수 등 바닐라 JS를 활용해 정교한 동적효과를 구현했습니다.
해당 프로젝트는 1440px 해상도의 PC 환경에 최적화되어 있어 PC에서의 이용을 권장드립니다.
해당 프로젝트는 PC 환경에서의 이용을 권장드립니다.
#적응형 #GSAP #jQuery #바닐라JS #퍼블리싱 100%
Heavn-One
Heavn-One 웹사이트를 클론코딩하며 Lottie 라이브러리를 활용해 JSON 기반의 이미지 시퀀스 애니메이션을 구현했습니다.
해당 프로젝트는 1440px 해상도의 PC 환경에 최적화되어 있어 PC에서의 이용을 권장드립니다.
해당 프로젝트는 PC 환경에서의 이용을 권장드립니다.
#적응형 #GSAP #Lottie #jQuery #퍼블리싱 100%
Koffiracha Hot Sauce
Koffiracha Hot Sauce 웹사이트를 클론코딩하며 여러 장의 이미지를 최적화하여 로드하고 canvas로 랜더링하여 부드러운 애니메이션을 구현했습니다.
#반응형 #GSAP #Lottie #Canvas #matchMedia #퍼블리싱 100%
Career
-
Namdo Mall 전라남도 지역경제 쇼핑몰 '남도장터' 리뉴얼 작업에서 메인 페이지와 고객센터 게시판의 맞춤 퍼블리싱을 담당했습니다.
#실무프로젝트 #남도장터 #적응형 #BOS솔루션기반 #퍼블리싱 100%
-
Event Homepage 게시판 기반의 '모바일 초대장' 템플릿을 제작한 후, 초대장 기능에 특화된 홈페이지를 구축했습니다.
#실무프로젝트 #모바일초대장 #적응형 #BOS솔루션기반 #기획+퍼블리싱 100%
-
Obituary Homepage 게시판 기반의 '모바일 부고장' 템플릿을 제작한 후, 부고장 기능에 특화된 홈페이지를 구축했습니다.
#실무프로젝트 #모바일부고장 #적응형 #BOS솔루션기반 #기획+퍼블리싱 100%
-
Wedding Homepage 게시판 기반의 '모바일 청첩장' 템플릿을 제작한 후, 청첩장 기능에 특화된 홈페이지를 구축했습니다.
#실무프로젝트 #모바일청첩장 #적응형 #BOS솔루션기반 #기획+퍼블리싱 100%
-
HOSPITAL HOMEPAGE 병원 템플릿은 간결하고 직관적인 마크업으로 사용자 편의를 극대화하며, 다양한 디바이스에서 일관된 사용자 경험을 제공합니다.
#실무프로젝트 #병원템플릿 #적응형 #BOS솔루션기반 #퍼블리싱 100%
-
ESTATE HOMEPAGE 부동산/분양 템플릿은 아이콘 사용을 지양하고 가상 요소로 최대한 구현하여, 색상과 크기를 자유롭게 수정할 수 있도록 사용 편의성을 높였습니다.
#실무프로젝트 #분양양템플릿 #적응형 #BOS솔루션기반 #퍼블리싱 100%
-
BUTCHER 과도한 동적 요소와 복잡한 콘텐츠 배치로 인한 사용자 경험 저하 문제를 개선하고, 브랜드 아이덴티티를 효과적으로 전달하는 데 집중했습니다.
#개인프로젝트 #정육프랜차이즈 #반응형 #퍼블리싱 100% #바닐라JS
-
BOS Solution 리뉴얼 초기 버전에서 미흡했던 브랜드 가치를 강화하고, 적응형 웹의 한계를 극복하기 위해 반응형 웹으로 재구축했습니다.
#개인프로젝트 #반응형 #메인리뉴얼 #기획 100% #퍼블리싱 100%
contact
다양한 마크업 사례에 대한 경험을 차곡차곡 쌓아나가고 있습니다.
경험 하나하나에 진심을 담아, 더 나은 웹을 만드는 데 최선을 다하겠습니다.