UI/UX 벤치마킹 사이트 1. Awwwards

 

포트폴리오 제작할 때 

제일 많이 참고했던 사이트라고 해도 과언이 아니다!

바로 https://www.awwwards.com/

Awwwards - Website Awards - Best Web Design Trends

이 사이트 단점은 실제 웹페이지로 

대부분의 사이트가 구현되어 있다는 점이다.

 

Behance, Dribbble 처럼 좋은 벤치마킹 사이트도 물론 많다.

그런데 나처럼 어느정도 코딩을 이용하여 

내 포트폴리오를 만들고 싶은 사람들이라면

디자인 요소들은 위 사이트들에서도 참고할 수 있겠지만

Awwwards 만큼 좋은 사이트도 많이 없을 듯 하다.

 

일단 해외 사이트인 만큼

우리나라의 포트폴리오와 약간은 스타일이 다르다.

하지만 나는 좀 더 해외 스타일이 뭔가 더 생동감 있는 느낌이 많아서

이 사이트에서 portfolio 검색 많이 하면서 참고 많이 했다.

 

특히 Awwwards는 보다 보면

자바스크립트 공부를 하고 싶다는 의욕을 뿜뿜하게 한다.(의욕만...)

진짜 멋있게 만든 사이트가 많다! 

아케이드 게임에서 이동하는 것처럼

키보드 방향키를 이용하여 웹페이를 이동할 수 있는 페이지도 있고,

마우스 방향에 따라 정육면체가 이동하면서

여러가지 섹션으로 나눠져 있는 페이지도 있다.

아 또 기억에 나는 웹페이지가 있었는데 그 웹페이지는 

심지어 무슨 테레비전 리모콘 처럼 내 핸드폰으로 바코드 인식해서

사용하면 페이지에 접속 가능하게 입장되는 듯한 것도 있고!

한국 분것도 너무 인상깊었던 것 있었는데

여기다가 생각나는 링크 몇개 올려야겠당!

너무너무 신기한 이 디자인 세상..

 

참 뭐든 잘하는 사람들이 너무 많아서

의욕 상실이 될 때도 많고

일단 디자인 무관한 회사로 들어왔기 때문에

한동안 디자인 연습 조차 안하게 될 수도 있지만..

디자인 관련해서 가끔씩은 들어가보기 좋고

다른 사람 웹페이지를 어떻게 구현했는지 보기에도 좋은 사이트이다

생각보다 국내에서는 너무 유명한 사이트는 아닌 것 같아서

일단은 추천!!!!!!!!!!!!

 

아 참고로 내가 만들었던 페이지는 너무 비루해서 올려본 적 없지만

본인 작업물에 대하여 점수를 받고 싶은 사람들은

다른 사람들로부터 점수를 매겨질 수 있다!

 

Awwwards에서 너무 감동받았던 많은 디자인 중 몇개 추린 것들!!

> 아래 링크들은 portfolio 검색한 것들이 대부분 :)

https://www.awwwards.com/sites/anton-chalovs-portfolio

Anton Chalov's Portfolio - Awwwards SOTD

https://www.awwwards.com/sites/bruno-simon-portfolio

Bruno Simon Portfolio - Awwwards SOTD

https://www.awwwards.com/sites/nam-insik-portfolio

Nam Insik — Portfolio - Awwwards Nominee

https://www.awwwards.com/inspiration/vladimir-gruev-portfolio

Vladimir Gruev portfolio - Hovers, Cursors and Cute Interactions - Awwwards

https://www.awwwards.com/inspiration/waaark-1

Waaark - Transitions - Awwwards

https://www.awwwards.com/sites/fontsmith-variable-fonts

Fontsmith Variable Fonts - Awwwards SOTD