9 WEBSITESHTML | CSS | JAVASCRIPT
● ○ ○PROJECT_01↗
Dessert Cafe
Knotted
제일 오랜 시간 공들인 작품으로 디저트 카페 노티드 사이트를 리뉴얼하였습니다. 다양한 호버 효과와 반응형 햄버거 메뉴를 구현했습니다.
- 작업 시간
- 4일
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_02↗
Fashion Select
MUSINSA
온라인 편집숍 무신사 사이트를 리뉴얼하였습니다. 여러 호버 효과를 만들었고 미디어 쿼리를 활용해 반응형으로 제작했습니다.
- 작업 시간
- 3일
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_03↗
Animation Studio
PIXAR
픽사 애니메이션 사이트를 리뉴얼하였습니다. 메인 화면을 사진과 로고로 꽉 채우게 구성하였고 반응형으로 제작했습니다.
- 작업 시간
- 5시간
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_04↗
Sports Brand
NIKE 1
신발 사이즈와 색상 선택 호버 효과, 신발이 오른쪽에서 들어오는 애니메이션, 클릭 시 모달창으로 확대 보기를 구현했습니다.
- 작업 시간
- 1일
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_05↗
Cosmetics
MAC
화장품 맥 사이트 메인화면을 리뉴얼하였습니다. 메가 메뉴, 상품 페이지, 상세 페이지 연결, 반응형 햄버거 메뉴를 구현했습니다.
- 작업 시간
- 8시간
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_06↗
Tech Product
AirPods Max
제일 처음 만든 작품으로 에어팟 맥스 사이트를 만들었습니다. 이미지와 텍스트를 활용한 간단한 호버 효과를 적용했습니다.
- 작업 시간
- 4시간
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_07↗
Game Site
Solo Leveling
웹툰 나 혼자만 레벨업 게임 사이트를 리뉴얼하였습니다. 텍스트 박스 쉐도우로 발광 효과를 넣었고, 반응형 햄버거 메뉴를 구현했습니다.
- 작업 시간
- 4시간
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_08↗
F&B
Restaurant
레스토랑 사이트를 만들었습니다. 메가 메뉴와 블러 효과로 음식이 하나씩 보이도록 구성하고 화살표로 다음 음식을 탐색하게 했습니다.
- 작업 시간
- 7시간
- 사용 툴
- HTML · CSS · JavaScript
● ○ ○PROJECT_09↗
Sports Brand
NIKE 2
나이키 사이트를 새롭게 만들었습니다. 신발이 위에서 아래로 내려오는 애니메이션, 장바구니 호버 효과, 반응형 햄버거 메뉴를 구현했습니다.
- 작업 시간
- 6시간
- 사용 툴
- HTML · CSS · JavaScript
