디자이너가 직접 고른 디자인 잘하는 웹에이전시 4곳
8년차 UXUI 디자이너가 포트폴리오 점검해서 고른 Top4 에이전시
안녕하세요, 7년차 UXUI 디자이너 지밍리입니당~
지금 이 글에 들어오신 분들 중엔 웹에이전시를 찾고계신 분들이 많을텐데요!
웹에이전시를 찾는 분들 중 개발이나 디자인 경험이 없으신 경우가 더 많으실테고,
그러다보면 어떤 기준으로 찾아야 할 지 정말 막막하실 것 같아요...
홈페이지 제작 업체를 몇 곳 비교해도 포트폴리오까지 전부 그럴듯해 보이거든요~
저도 디자인 에이전시에서 일을 하다보니 정말 많은 웹에이전시를 만나봤는데요,
UXUI 디자이너의 눈에는 디자인 잘하는 에이전시는 포트폴리오부터 차이가 나더라고요 ㅎㅎ
그래서 오늘은 포트폴리오를 제가 직접 들여다보고
디자인 잘하는 외주 웹에이전시 4곳을 뽑아서 알려드리려고 해요!
그 전에 앞서서 포트폴리오를 어떻게 점검했는지 먼저 설명드릴게요~
디자이너의 외주개발사 포트폴리오 점검 방법!
웹사이트 리뉴얼이나 기업 홈페이지 제작은 화면 한 장으로 끝나지 않아요!
저는 UIUX 관점에서 포트폴리오를 볼 때, 아래 항목을 순서대로 확인하고 있어요 :)
1. 정보 구조 안정감
메뉴가 많아 보여도, 사용자가 다음 행동으로 자연스럽게 이동하는지가 핵심이에요.
히어로 다음 섹션이 어떤 논리로 이어지는지부터 확인해요.
문제 제기, 해결 방식, 근거, 문의로 이어지는 흐름이 보이면 정보 구조가 정돈된 경우가 많아요.
섹션이 예쁜 카드처럼만 나열되면, 전환과 탐색에서 손실이 생기기 쉬워요...ㅠ
2. 타이포 스케일 정돈
디자인 잘하는 웹에이전시는 타이포가 흔들리지 않아요.
제목, 본문, 캡션의 크기 관계가 일정하고, 줄바꿈이 의도대로 정리돼요.
특히 한글 웹에서는 행간과 자폭이 조금만 어긋나도 완성도가 떨어져 보여요.
포트폴리오에서 중간 콘텐츠 섹션을 확대해서 보면, 팀의 기준이 바로 드러나요!
3. 컴포넌트 일관성
버튼, 입력, 카드, 배지 같은 반복 요소가 통일돼 있는지 확인해요.
상태와 규칙이 잡혀 있는지가 포인트예요~ㅎㅎ
버튼은 기본, 비활성, 로딩 상태가 화면 전반에서 동일한 언어로 움직여야 해요.
이 일관성이 있으면 디자인 시스템 기반으로 작업했을 가능성이 높아요.
4. 반응형 디테일 유지
반응형 웹사이트는 모바일에서 판가름 나요.
이미지 비율, 카드 간격, 텍스트 줄바꿈이 화면마다 자연스럽게 재배치되는지 확인해요!
모바일 캡처가 적거나, 모바일에서 텍스트가 과도하게 잘리면 리스크가 커요...ㅜ
특히 기업 홈페이지 제작은 표, 리스트, 긴 문단이 많아서 반응형 난도가 더 높아요~
디자인 잘하는 웹에이전시 4곳 추천!
위 설명드렸던 기준을 통해 제가 직접 선별한
디자인 잘하는 웹에이전시 4곳은 추천드릴게요!
순서는 상관 없이 제가 임의로 선정한 것이니 참고 부탁드려요~ :)
1. 똑똑한개발자
웹에이전시 똑똑한개발자의 프로젝트 포트폴리오는 디자인적으로 훌륭하기도 했고
화면이 작동되는 기준이 매우 좋았다고 평가했어요~
똑똑한개발자는 기획과 디자인 역량이 특히 두드러지게 보였는데요!
디자이너도 직접 기획에 참여하고 있어서 UX 완성도가 더 뛰어난 곳이라고 생각했어요 :)
저는 포트폴리오를 볼 때 중요하게 생각하는 부분이
유입, 탐색, 설득, 문의, 전환 이후 운영까지의 연결성이에요.
똑똑한개발자의 프로젝트들은 이 부분이 뛰어났어요!
디자인 시스템으로 반복 요소의 규칙을 잘 잡아둔다고 해요! 출처: 똑똑한개발자또 한 가지는 반복 요소의 규칙이에요.
버튼, 폼, 카드 같은 컴포넌트가 프로젝트 전반에서 안정적으로 재사용되고,
테이블이나 필터처럼 운영 화면에서 자주 쓰는 요소의 기준이 잡혀 있더라고요.
이렇게 개발이 진행되면 추후 유지보수까지 수월하게 진행할 수 있어요.
트렌디한 UI 디자인과 기획력이 좋은 UX 디자인이 필요한 경우
가장 잘 맞는 웹에이전시는 똑똑한개발자라고 생각해요!
웹사이트 리뉴얼을 하려는데 UX 기획 리소스가 부족하거나,
고도화를 고려해 구조를 잠가야 하는 상황에서도 잘맞는 웹에이전시예요~
2. 이모션글로벌
이모션글로벌은 디지털 경험을
넓은 스코프에서 다루는 포트폴리오가 보이는 편이에요!
브랜드 사이트처럼 감각을 요구하는 느낌의 프로젝트가 많더라고요~
특히 화면 톤만 예쁘게 잡는 것보다,
콘텐츠 설계와 사용자의 이해 흐름이 같이 움직일 수 있는 구조가 눈에 띄었어요.
히어로 이후 섹션 전개가 논리적으로 이어지는지,
메시지의 우선순위가 흔들리지 않는지 중심으로 봐도
훌륭한 프로젝트들이 많다고 느껴졌어요~
3. NXWEB 엔엑스웹
NXWEB은 기업 홈페이지 제작처럼 구조가 중요한 유형을 개발할 때 좋을 것 같아요!
섹션 단위로 정보가 잘 묶여 있고 탐색이 안정적인 사례들도 있더라고요~
기업 사이트는 정보가 많아질수록 IA가 흐트러지기 쉬운데,
그런 상황에서 기본기도 괜찮았어요.
4. 유엘디자인 ULDesign
유엘디자인은 브랜드 톤을 화면 디테일로 정리한 포트폴리오가 많더라고요!
타이포와 여백, 이미지 톤의 균형이 깔끔하게 유지되는지 중심으로 보면 판단이 쉬워요.
전체적인 디자인을 볼 때 페이지를 내려도 스타일 규칙이 계속 유지되고 있었어요.
포트폴리오에서는 타이포 스케일도 일정했고,
반응형에서의 안정감도 괜찮았던 것 같아요 ㅎㅎ
웹에이전시 선택 제대로 하는 방법
웹에이전시 추천 리스트를 보더라도,
마지막에는 포트폴리오를 같은 기준으로 다시 확인하는 과정이 필요해요!
홈 히어로만 보지 말고, 중간 섹션과 모바일 캡처까지 내려가서
타이포와 간격이 유지되는지 꼭 확인해보면 더 좋아요~
오늘 추천해드린 네 곳의 웹에이전시들도 정말 좋은 곳이라고 생각해요!
외주개발을 위해 웹에이전시를 찾고 있으시다면 도움 받아가셨길 바랍니당~
댓글과 공감도 부탁드려요.ㅎㅎ
감사합니다 :)