학원 수료생 작품 리뷰로 여섯번째 포스팅으로 영상과 웹이 혼합된 멀티미디어 과정 수료생의 웹포트폴리오를 소개하는 릴레이 포스팅입니다.
타 교육과정에 비해 수업시간이 짧기 때문에 불리한 조건임에도 결과물이 우수하게 나온 작품으로 보여집니다.
이 리뷰는 강사로서의 의견을 담은 것임을 참고해 주시고 가급적 개인정보 없이 코멘트를 달겠습니다.
칭찬해요
리뷰
- 코딩을 디자인으로 풀어낸 것이 재미있게 표현되어 있네요.
- 디자인이나 인터렉션이 화려하지 않지만 섬세함이 돋보입니다.
- 특정 영역에서의 인터렉션이 반응을 안하거나 작은 화면에서의 최소여백이 작아보이는것은 조금 아쉬워요.
기본은 해요
리뷰
- 출판쪽에서 볼수 있는 심플한 텍스트형 레이아웃이 돋보입니다.
- 폴더의 열고닫음이나 커서의 인터렉션이 심심함을 달래주는 효과를 주는것 같네요.
- 자칫 어려운 UX가 될수 있을것 같고 취약한 반응형 부분을 보완하면 좋을것 같습니다.
독특해요
리뷰
- 패럴럭스 기법 하나로 이렇게 까지 입체적으로 접근한 것이 놀랍습니다.
- 마크업이 정리가 잘 되어 있고 포폴의 내용도 충실히 잘 정리되어 있는 반면
- 포폴 작품의 집중도가 떨어지고 페이지의 무거움으로 버벅이는 현상이는 해결해야 될 문제로 보입니다.
자주 하는 질문
웹퍼블리셔 포트폴리오를 구성하고 제작하는데 있어 자주하는 질문을 모아봤습니다.
1. 포트폴리오 작성 동기나 목적은 무엇인가요?
- 저는 교육생들에게 있어 저희의 목표는 취업이기 때문에 취업을 위한 목적을 두고 취업처에서 요구하는 역량을 보여주는 것을 목표로 하기를 권고 하고 있습니다. 모든 포트폴리오는 해당 목표를 잡고 그 목적에 부합한 디자인과 기획을 해야 할것 같습니다.
2. 신입 웹퍼블리셔는 어떤 유형의 사이트를 주로 만드나요?
- 멘토가 없다면 대부분이 개인이 좋아하는 스타일과 기획을 합니다. 너무나 개인적인 디자인 성향이나 내용들은 취업을 목적으로 하는 포폴 사이트로는 적합하지 않은 경우가 많습니다. 좀더 실무적이고 대중적인 코드의 유형의 사이트를 추천드립니니다.
3. 웹표준과 웹접근성을 고려한 사이트로 제작해야 하나요?
- 웹표준과 웹접근성은 중요한 요소임에는 틀림없습니다. 다만 취업처에서 요구하지도 않는 경우라면 가성비 있는 수준으로 비표준적인 것을 삼가하는 것으로 하는 것을 추천드립니다. 다만 취업처가 웹표준과 웹접근성을 중요시 하는 곳이라면 시맨틱한 HTML 마크업을 통해 내용을 구조화하고, 다양한 선택자의 활용능력과 최적화된 CSS 효율성을 작품에 적용하는게 좋습니다. 또한 웹접근성 가이드라인을 준수하여 스크린 리더 사용자에 대한 배려가 코드에서 묻어나도록 하는것이 좋습니다.
4. 크로스 브라우징 및 기기 호환성은 어느 수준으로 제작을 해야 하나요?
- 크롬, 엣지, 파이어폭스, 사파리의 최신버전을 기준으로 잘 보이게끔 하는게 적당할 것 같고 실제 기기에서도 테스트 해보는것을 추천드립니다. 크로스 브라우저는 최소한으로 하되 반응형웹 부분은 신경을 써서 기기나 사이즈에 따라 빠짐없이 잘 보여주도록 하는 것이좋습니다.
5. 웹퍼블리셔의 기본 지식은 무엇인가요?
- 디자인 시안 분석 및 이해, 시맨틱한 HTML 마크업 작성, CSS 스타일링 및 레이아웃 구성, 크로스 브라우징 및 기기 호환성 테스트, 웹접근성 검토, 성능 최적화, 디버깅 및 테스트등이 있을것 같습니다.
6. 최신 웹퍼블리싱 트렌드와 기술에 대해 꼭 알아야 하나요?
- 장기적으로 보면 자연스레 알아야 할 항목이라고 할수 있겠지만 일반적으로 웹퍼블리셔의 기본 소양 지식으로 생각되지는 않습니다. CSS에 대한 올바른 지식이나 바른 시멘틱 마크업 작성 능력이 최신 기술 하나 더 늘리는 것보다 더 중요하다고 생각되어집니다.
웹퍼블리셔 포트폴리오 작성 시 이러한 질문과 답변을 참고해 보시고 자신의 경험과 역량을 잘 어필하는 좋은 포트폴리오 만드시기 바랍니다. 🙂