[스터디] 김성훈_day 14

안녕하세요 여러분 👋

오늘은 Daily UI Challenge #012 'E-commerce Shop' 디자인입니다!

이전 게시글은 #008이였는데..매일 매일 데일리 UI 하다보니 진도가 꽤 많이 나갔답니다..ㅎㅎ

#009부터 #011까지는 [디자인부트캠프] 블로그에 올려뒀으니 궁금하신 분들은 해당 시리즈에서 확인해 주세요 😊

그럼 시작해보겠습니다!

결과물

머리속에 기억나는 이커머스 제품 중 '무신사'가 가장 먼저 떠올라서 '무신사 느낌'을 반영한 UI를 제작해 봤습니다.

UI디자인이 실제 제품과 처럼 느껴지도록 대략적인 소스(UX라이팅, 제품 이름,금액, 별점, 리뷰 수, 이미지 등)를 사전에 준비하고 작업을 진행했어요.😁

💡 Light 모드

이전 과제에서 진행했었던 퍼스널 브랜드 로고도 활용해 서비스를 UI를 디자인해 봤습니다!

---

🌙 Dark 모드

이전 데일리 UI 진행하면서 Variable에 컬러 값을 지정해 둔 덕분에 다크모드도 클릭 한 번으로 변환하여 제작할 수 있었어요.🥹

---

✅ Prototype 적용하기

마지막으로 제작한 결과물로 프로토타입까지 적용하여 마무리했습니다😁

오늘만큼은 빠르게 제작하려 했지만..하다보니 또 늦어 졌네요.. 역시 쉽지 않습니다..?😭

오늘 스터디는 여기까지입니다.
모든 분들 한 주 동안 고생 많으셨어요~!
주말 잘 보내시고 월요일에 봬요🥹