김코드의 웹디자인 세상

❏ Portfolio - Apple Watch (Details Page) 본문

⊹⠀𝙿𝚘𝚛𝚝𝚏𝚘𝚕𝚒𝚘

❏ Portfolio - Apple Watch (Details Page)

김_코드 2023. 1. 11. 13:46

✎ 제작기간 : 22.12.20 ~ 23.01.09

 

✎ 작업툴 : photoshop, html, css, jQuery, javascript 

 

✎ 목표 

  • 애플워치 카테고리 상세페이지 제작
  • 콘텐츠 및 ui 수정, 생동감 부여
  • 반응형 웹 구현으로 모바일, 데스크탑까지 모든 기기 호환

데스크탑 1024~1920px

딱 페이지에 들어가서 보면 보이는 화면입니다.

 

아무래도 워치의 상세페이지다 보니 바로 워치가 보입니다.

 

또한 반응형으로 제작하여 데스크톱에서부터 모바일까지 수용할 수 있도록 만들었습니다!

 

모바일 325px/테블릿 768px
휴대용 기기에서는 메뉴바가 변경됩니다.

 

더 자세한 건 깃헙에 올려둔 페이지 주소로 들어가 보셔서 구경하셔도 됩니다!

 

 

👇👇👇아래 링크는 제 깃헙에 올려둔 페이지입니다.👇👇👇

 

 

https://yoonsun1997.github.io/AppleWatch_mia/

 

Apple Watch - Apple (KR)

Apple Watch Ultra 티타늄 케이스, 그리고 스타라이트 알파인 루프 ₩1,149,000부터 항공우주 등급의 티타늄 케이스가 무게감과 극강의 내구성 그리고 내부식성의 완벽한 균형을 자랑합니다. 극강의 내

yoonsun1997.github.io

 

아래는 구동되는 모습입니다.

2023.01.09 - Wed Publishing Portfolio (Apple Watch)

 

'⊹⠀𝙿𝚘𝚛𝚝𝚏𝚘𝚕𝚒𝚘' 카테고리의 다른 글

❏ Portfolio - Edi Pet  (0) 2023.06.29
❏ Portfolio - An's Bakery  (0) 2023.01.11
'⊹⠀𝙿𝚘𝚛𝚝𝚏𝚘𝚕𝚒𝚘' Related Articles more
Comments