Personal Growth Archive
nal
Growth
Profile
About
- Hyebin Park 박혜빈
- 1996.04.07
- 010-7154-9604
- helenapark96@naver.com
Education
- 2023 UI/UX디자인&프론트엔드 과정수료
- 2020 경희대학교 예술디자인대학 도예학과 졸업
- 2023 웹디자인 기능사
Skills
WELCOME TO MY
ARCHIVE.
PLEASE JOIN IN
MY FIRST
STEP AS A
WEB PUBLISHER
Tokenpost
웹 표준, 웹 접근성 준수 및 디자인 개편
블록체인 전문 미디어 사이트 ‘토큰 포스트'
리디자인 및 반응형 웹 퍼블리싱
- Responsive Web
- 메인 페이지 + 서브페이지 4개
- HTML SCSS JS(Jquery) Figma
- Gnuboard Swiper
- 100% 개인작업
리디자인 및 퍼블리싱 작업을 통해 기존의 복잡한 사이트맵과 텍스트가 많은 UI를 간결하고 직관적으로 변경했습니다. 웹 표준과 웹 접근성을 준수하여 반응형 웹을 제작하였고 그누보드를 통해 로그인, 회원가입 페이지를 구현했습니다. swiper를 활용하여 다량의 정보와 이미지를 정리하고 다양한 아이콘을 사용하여 사용자가 컨텐츠에 대해 빠르게 파악하고 집중할 수 있도록 개선했습니다.
다음 작업물은 여기에서,
현재 작업물은 우측에서 스크롤해주세요!
Mendini
웹 원페이지 디자인 및 퍼블리싱
다양한 애니메이션 효과를 활용한 디자이너
알레산드로 멘디니 소개 페이지
- PC ver
- 메인 원페이지
- HTML SCSS JS Figma
- Matter.js Fullpage
- 100% 개인작업
멘디니를 소개하는 웹 원페이지를 작업했습니다. fullpage.js를 활용하여 다양한 작업물들을 카테고리 별로 정리하여 각 섹션에 한 눈에 보이도록 구성했습니다. 멘디니의 작업물을 형상화한 도형들을 2D 물리 엔진 라이브러리인 matter.js를 활용하여 중력에 의한 움직임을 구현함으로써 페이지에 생동감을 불어넣었습니다.
다음 작업물은 여기에서,
현재 작업물은 우측에서 스크롤해주세요!
Verve
쇼핑몰 모바일 페이지 디자인 및 퍼블리싱
팀 작업을 통한 LF몰 모바일 웹 리디자인
- Mobile ver
- 메인, 상품리스트, 상품상세페이지
- HTML SCSS JS(jquery) Figma
- Swiper.js
- 팀 작업, 상세페이지 제작 및 퍼블리싱
기존의 Lf몰을 20-30대를 타켓으로한 쇼핑몰로 열정과 활기를 뜻하는 Verve로 리디자인했습니다. 교육 과정 중 진행한 첫 작업이며 상세페이지, 결제페이지 그리고 장바구니 페이지를 담당하여 디자인과 퍼블리싱을 진행했습니다. Swiper.js를 활용하여 다양한 상품들을 사용자들이 효과적으로 볼 수 있게 구현했습니다. 이 프로젝트를 통해 피그마, HTML, CSS의 기초를 학습하는 경험을 했습니다.
다음 작업물은 여기에서,
현재 작업물은 우측에서 오버해주세요!
- 첫 발행 2023년 11월 08일
- 지은이박혜빈
- 펴낸 곳맥북 M2 pro
- 디자인피그마, 일러스트레이터
- 지원VSCode, Swiper.js, Matter.js, GSAP, Gnuboard
- 도움W3C, ChatGPT, Stackoverflow, Google, Youtube
- 저장소Github
- 연락처010-7154-9604
- 주소helenapark96@naver.com
웹 표준과 웹 접근성 등을 고려하여 마크업하는 웹 퍼블리셔로 성장하고자 합니다. 인터랙티브 웹에 관심이 많으며 GSAP,
React를 사용한 새로운 작업을 공부하며 진행하고 있습니다. 또한 프론트엔드로서의 성장에도 큰 열정을 가지고 있습니다.
적극적인 자세로 소통하며 성장하겠습니다. 감사합니다.
Thank You