UI Design renewal project

HTML / CSS / JavaScript / AWD coding 코스를 모두 마스터 했다면 축하 합니다.

---

이제부터 유아이 디자인 리뉴얼 프로젝트를 진행 하겠습니다.

---

 

디자이너가 야근하는 이유.gif

---

본 프로젝트는 현재 운영중인 앱 혹은 웹 디자인을 리뉴얼하는 프로젝트 입니다.

 

필드에서 일하고 있는 경력자라면 회사에서 진행하는 프로젝트가 본인 포트폴리오가 될것입니다.

하지만 취준생의 경우 클라이언트가 없습니다.

 

이런 경우 필자 경험으로는 현재 운영중인 앱 혹은 웹사이트를 가상의 클라이언트로 설정하는 것을 추천 합니다.

실제 클라이언트는 아니지만 내가 이 앱을 리뉴얼하는 프로젝트를 담당하게 되었다는 가정하에 진행 합니다.

콘텐츠는 그대로 두고 디자인만 변경하는 프로젝트 입니다.

취준생이 웹사이트를 혼자 기획하는 것은 쉽지 않기 때문입니다.

또한, 존재하지 않는 서비스를 기획하는 것도 매우 어려운 일이기 때문 입니다.

 

이렇게 리뉴얼 프로젝트로 포트폴리오를 제출하면 효과적인 포트폴리오가 됩니다.

아래 매뉴얼 스텝대로 진행한다면 훌륭한 리뉴얼 프로젝트 포트폴리오가 될것이라 예상 합니다.

---

 

뒤진다진짜.png

---

---

디자인 리뉴얼 스텝

---

UI 디자인 리뉴얼 할 콘텐츠 사이트 레퍼런스를 셀렉 합니다.

콘텐츠 사이트와 궁합이 잘 맞는 디자인 레퍼런스를 셀렉 합니다.

디자인 레퍼런스를 코딩이나 그래픽툴로 구현 합니다.

구현한 디자인에 콘텐츠 사이트 레퍼런스 콘텐츠를 적용합니다.

완전히 다른 사이트로 디자인 리뉴얼 합니다.

완성 합니다.

---

---

스텝 조금 더 디테일

---

디자인 레퍼런스 콘텐츠를 개발 합니다.

프로넨드 개발자라면 코딩으로 작업 합니다.

디자이너라면 포토샵, 피그마 둘 중 하나를 선택해서 작업 합니다.

 

개발한 디자인의 콘텐츠를 콘텐츠 레퍼런스 사이트 레퍼런스로 변경 합니다.

지금부터 디자인이 시작 됩니다.

이 과정에서 UI개선도 도전해 봅니다.

 

즉, 디자인 레퍼런스를 하나와 콘텐츠 레퍼런스를 정합니다.

그리고 디자인 레퍼런스 콘텐츠를 콘텐츠 레퍼펀스 콘텐츠로 변경 합니다.

이 과정이 디자인 리뉴얼이 되는 것입니다.

리뉴얼을 진행하다 보면 자연스레 UI 개선도 될것입니다.

이러한 과정이 단순해 보일 수 있습니다.

하지만 실제로 작업해보면 결코 쉽지 않다는 것을 알게 될 것입니다.

그리고 이 과정 자체가 디자인이라는 것도 어렵지 않게 납득 될 것입니다.

 

사실은 이 프로세스는 실무에서 사용되는 프로세스입니다.

프로가 사용하는 프로세스 입니다.

고수들은 무에서 유를 창조하지 않습니다.

디자인은 훌륭한 레퍼런스를 더 멋지게 개선하는 것에서 시작하고 마무리 됩니다.

 

좋은 결과 있기를 바랍니다.

---

---

벤치마킹 기법 레퍼런스

---

디자인 벤치마킹 관련하여 필자가 예전에 작성했던 포스팅 몇개 소개해 봅니다.

---

https://lshjju.tistory.com/952

단순한 모방을 넘어 창조로 가는 길, 실패하지 않는 벤치마킹의 기술

 

---

https://blog.naver.com/moolsaess/221276921116

디자인 벤치마킹 기법에 대하여

 

---

---

Reference

---

 

위 과정으로 완성한 크루 레퍼런스를 공개 합니다.

레퍼런스를 보면 프로젝트 목표 설정에 도움 될것 입니다.

---

https://lshjju.tistory.com/37

MCMP

 

---