디자인,퍼블리싱,개발 / 2025

개인 Vue 프로젝트입니다. 이 앱은 날짜, 시간, 위치, 날씨 정보를 제공하며, 다음 섹션에서는 해야 할 일을 등록하고 완료할 수 있는 기능을 제공합니다.
할 일 등록 외에도 ‘해야 할 일’, ‘완료한 일’을 구분해 볼 수 있도록 필터링 기능을 구현했으며, 전체 삭제, 선택 삭제, 완료된 일만 삭제처럼 세분화된 삭제 기능도 포함되어 있어 사용자가 더욱 편리한 UX를 경험할 수 있도록 설계했습니다.

퍼블리싱 / 2024

마크업 및 스타일링 전반을 담당하였으며, position: sticky를 활용해 사용자 스크롤에 반응하는 고정 UI를 구현하였습니다.
스크롤 위치에 따라 아이콘에 액티브 클래스를 적용하고, 이에 따른 애니메이션 효과를 연동함으로써 시각적 피드백을 강화하였습니다.
다양한 인터랙션 요소를 jQuery와 CSS를 활용해 직접 구현하였으며, 사용자 경험(UX)을 고려한 동적인 UI 구성에 대한 이해도를 높일 수 있었습니다.

퍼블리싱 / 2025

마크업과 스타일을 전담하였으며, jQuery 대신 JavaScript로 직접 구현하였습니다.
초기에는 마지막 슬라이드에서 첫 슬라이드로 이동 시 방향 전환 문제가 있었고, 이에 대한 피드백을 반영하여 한 방향으로 자연스럽게 순환되는 구조로 개선하였습니다.
요일별 상품 섹션은 PC에서는 Swiper를 커스터마이징하였고, 모바일에서는 JavaScript 기반의 탭 UI로 구현해 반응형 대응을 강화했습니다.

퍼블리싱, UIUX디자인 / 2025

브랜드 ‘파이브앤플러스’의 감성과 정체성을 효과적으로 전달하기 위해 리디자인한 개인 프로젝트입니다.
간결한 레이아웃을 기반으로 스크롤에 따라 소개 영상의 크기를 유동적으로 조절하여, 사용자 시선을 콘텐츠에 집중시킬 수 있도록 구성했습니다.
브랜드를 대표하는 키워드를 중심으로 섹션을 순차적으로 배치하여, 자연스럽게 아이덴티티가 전달되도록 UI 흐름을 설계했습니다.

퍼블리싱 / 2023

라이더스 제휴사 모집 사이트의 퍼블리싱을 담당하였습니다.
메인 화면과 제휴사 제안을 받는 페이지로 구성되어 있으며, 반응형 디자인에 맞춰 이미지가 자동으로 변경되도록 구현했습니다.
또한, 폼 양식의 스타일을 세밀하게 커스터마이징하여 사용자 편의성을 극대화하고, 디자인의 일관성을 유지하는 데 중점을 두었습니다. 이를 통해, 제휴사 모집 과정의 사용자 경험(UX)을 향상시키는 데 기여하였습니다.

퍼블리싱 / 2023-2024

라이더스 셔틀버스 예약 사이트의 퍼블리싱 작업에 참여하여, 서치폼과 어드민에서 사용하는 주요 셔틀 서비스 제외한 메인 화면 및 셔틀버스 검색 후 상품리스트 페이지 리디자인을 담당했습니다.
SCSS, CSS, JavaScript, jQuery가 혼합된 환경에서 개발자의 PHP 코드를 이해하며 작업을 진행하였으며, 기획자 및 개발자와 긴밀히 협업하여 효율적인 결과를 도출한 프로젝트였습니다.

퍼블리싱 / 2023

기존 쇼퍼 예약 사이트의 리디자인 프로젝트로, 기존 기능을 유지하면서 새로운 페이지를 구현해야 했습니다.
마크업 구조를 변경하지 않으면서도 기존 JavaScript에서 사용되는 클래스와 아이디명을 그대로 유지하며 작업에 임했습니다.
특히, JavaScript 개발자와의 긴밀한 협업을 통해 코드의 이해도를 높였으며, 프로젝트 전반에서 코드의 호환성과 효율성을 고려한 세심한 작업을 진행했습니다.

퍼블리싱, UIUX디자인 / 2021

한림원의 의뢰로 국가과학난제도전 홈페이지 프로젝트에서 UI/UX 디자인과 퍼블리싱을 담당했습니다.
기획 단계부터 참여하여 디자인을 진행하고, 하드코딩 방식으로 마크업과 스타일 코드를 작성한 후, 개발자에게 전달하여 PHP 문서로 받은 후 수정 작업을 반복했습니다.
기획, 디자인, 퍼블리싱, 개발 협업을 처음으로 경험한 중요한 기회였습니다.