썸네일 출처

이 글은 얼마전, 개인적으로 디자이너의 포트폴리오 웹사이트를 작업할 때 본 개발 유튜브채널 Traversy Media의 영상 중 웹 개발자 포트폴리오 웹사이트를 위한 10가지 팁이라는 영상의 내용을 정리한 글입니다.

🖥 웹 개발자 포트폴리오를 위한 10가지 팁

이 글(영상)에서는 개인 포트폴리오 웹사이트에 대해 얘기해볼까 합니다.

이런 주제를 가져온 이유는, 저도 제 포트폴리오 사이트를 가지고 있으며,

가끔 구독자들이 저에게 이메일로 포트폴리오를 검토해달라는 요청이 오곤합니다.

저는 50~60개 이상의 포트폴리오를 봤으며, 그 중에는 정말 멋진 포트폴리오도 있었고, 끔찍한 포트폴리오도 있었습니다.

그래서 포트폴리오 웹사이트를 만들 때 도움이 될만한 몇 가지 팁을 알려드리고자 합니다.

1. Presentable Design/UI

• 디자인에 신경을 많이 써라.

• 포트폴리오에 당신이 개발한 웹사이트를 나열하게 될텐데, 당연하게도 평가자가 가장 먼저 보게되는 화면이며, 당신의 포트폴리오 자체도 당신의 프로젝트이기 때문에 가장 중요하다.

• 그 자리에서 바로 보여줄 수 있고 즉시 설명 가능한 디자인과 UI로 만들어라.

• 당신이 UI디자이너가 아니라 프론트엔드 개발자나 백엔드 개발자라면, 혹은 당신의 디자인 스킬이 끔찍하다면, 바닥부터 모두 디자인할 필요는 없다. 이미 잘 만들어진 템플릿들을 잘 활용하는 것도 능력이다.

2. Good Hosting & Domain

• @@.herokuapp.com 같은 무료 서브도메인 쓰지 말아라. 비싸지 않고 어렵지 않으니 반드시 커스텀 도메인을 구매해서 연결해라.

• 반드시 https(SSL)를 지원해라. Chrome은 https를 지원하지 않으면 경고를 띄우기 때문에 UX가 좋지 않다.

• 기본적인 것들이라 이런 것들을 하지 않으면 평가자에게 꼼꼼하지 못하다거나 사소한 것을 신경쓰지 않는다는 느낌을 줄 수도 있다.

3. Keep it simple

• 가장 중요한 몇 개의 프로젝트만 넣고 불필요한 것은 모두 빼고 최소화해라. 가능한한 글도 최대한 짧게 써라.

• 프로젝트는 항상 가장 중요한 것들을 맨 위에 써라. 너무 길면 읽지 않는다. 너무 많아도 보기 귀찮고 어렵다. 자기소개만 10줄이면 아무도 읽지 않을 것이다. 최대한 짧고 심플하게 유지해라.

• 큰 회사들의 랜딩페이지를 참고해봐라. 10-15페이지의 구구절절한 페이지들보다 하나의 깔끔하고 간결한 싱글 랜딩페이지가 더 매력적이다.

4. Don't exaggerate skills

• 당신의 스킬셋을 과장하지말아라. 거짓말하지말아라. 솔직해져라.

• 루비 온 레일즈 튜토리얼을 따라해봤다고 당신이 루비 개발자가 되지 않는다.

• 사용해본 모든 언어와 모든 프레임워크를 나열하지 말아라. 평가자는 멍청하지 않다.

• 모든 분야를 조금씩 두루 아는 것보다 몇 가지에 전문적인 것이 훨씬 좋다.

5. Live Examples/Demos

• 바로 라이브 프로젝트를 볼 수 있는 버튼을 만들어서 직접 들어가볼 수 있도록 해라.

• 해당 프로젝트를 깃허브에 올려놓고 코드도 즉시 볼 수 있도록 링크버튼을 만들어라.

• 화면이 없는 프로젝트(CLI툴, 라이브러리 등)는 예외다. 깃허브에 코드만 올려놓아도 된다. 대신 README는 잘적자.

• 절대 프로젝트의 이미지만 덩그러니 넣지 말아라. 그런건 아무나 할 수 있다.

• 이 경우 프로덕션 프로젝트가 아니라면, 커스텀 도메인이나 https지원 등은 하지않아도 상관없다.

6. Be Selective of Projects

• 많은 사이드프로젝트를 했더라도 투두리스트같은 당신이 한 모든 프로젝트를 나열하지 말아라.

• 3~6개의 최고 프로젝트만 선택해서 넣어라. 2개의 퀄리티있고 큰 프로젝트가 10개의 투두리스트보다 훨씬 우수하다.

• 즉, 양보단 질이다.

7. Customize Course Projects

• 강의나 튜토리얼을 따라해서 프로젝트를 했다면 절대 그대로 넣지말아라. 반드시 자신 나름대로 커스터마이징 해라.

• 유명한 튜토리얼들은 이미 모든 사람들이 알고있어서 평가자는 이미 똑같은 결과물을 많이 보았을 것이다.

8. Easy Contact

• 인사담당자가 당신에게 연락하기 쉽게하라.

• 이메일, 핸드폰번호 같은 연락처를 Navigation bar, About page, Contact section 등 잘보이는 곳에 써 놓아라.

9. Web Presence & Brand

• 자신을 브랜딩할 수 있는 수단을 넣어라.

• 유튜브를 한다면 유튜브 채널, 글을 쓴다면 블로그 주소나 미디엄 주소, 깃허브 주소, SNS주소 등

• 본인 사진이든 로고든, 여러 다른 플랫폼에 비슷하거나 같은 프로필 이미지를 사용해라. 그게 싫다면 primary color라도 일관되게 하라.

10. Be Yourself

• 가장 똑똑한 사람이 되려고하지 말아라. 똑똑해보이려고 애쓰지 말아라.

• 그냥 솔직하게 자신을 표현해라.

• 당신의 열정, 취미, 특기 등 당신을 표현할 수 있는 다른 것들을 넣어도 좋지만, Keep it Simple!